Adlandırılmış renk · #E59DAC
Vintage Victorian
Vintage Victorian, #E59DAC: rgb(229 157 172), hsl(348 58% 76%), oklch(0.77 0.088 5.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Vintage Victorian color name →
#E59DAC
oklch(0.77 0.088 5.7)
Renk dönüşümleri
- HEX
- #e59dac
- RGB
- rgb(229 157 172)
- HSL
- hsl(348 58% 76%)
- HWB
- hwb(348 62% 10%)
- OKLCH
- oklch(0.77 0.088 5.7)
- OKLab
- oklab(0.77 0.087 0.009)
- CIE Lab
- lab(72.3 29.11 3.67)
- LCH
- lch(72.3 29.34 7.2)
- CMYK
- cmyk(0% 31% 25% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8A7B4
- EBB1BC
- EEBAC4
- F1C4CC
- F4CED5
- F7D8DD
- F9E1E5
- FBEBEE
- FDF5F6
Koyu tonlar
- C78895
- AA737F
- 8E5F69
- 724C54
- 583A40
- 3F282D
- 28181B
- 12090B
- 030101
Gri tonlar
- DB9AA7
- D198A3
- C7959F
- BD929A
- B38F96
- A98C91
- 9E898D
- 948689
- 8A8384
Renk uyumları
Tamamlayıcı +180°
- E59DAC
Vintage Victorian
- 6EC7BC
≈ Shockwave
Analog -30° +30°
- E59DAC
Vintage Victorian
- D89FCA
≈ Rose Garden
- E6A18E
≈ Coral Blush
Üçlü +120° +240°
- E59DAC
Vintage Victorian
- A7BF81
≈ Margarita
- 85BAE9
≈ Electric Eel
Bölünmüş tamamlayıcı +150° +210°
- E59DAC
Vintage Victorian
- 86C59D
≈ Foul Green
- 6EC3D8
≈ Squeaky
Dörtlü +90° +180° +270°
- E59DAC
Vintage Victorian
- C5B472
≈ Olive Marinade
- 6EC7BC
≈ Shockwave
- A4B0ED
≈ Wondrous Wisteria
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.15:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.75:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--vintage-victorian: #e59dac;
--vintage-victorian-rgb: 229 157 172;
--vintage-victorian-oklch: oklch(0.77 0.088 5.7);
}
.element {
color: var(--vintage-victorian);
background-color: hsl(348 58% 76%);
border-color: oklch(0.77 0.088 5.7);
}Tailwind CSS v4
@theme {
--color-vintage-victorian: #e59dac;
--color-vintage-victorian-50: #ffebf0;
--color-vintage-victorian-100: #ffdce2;
--color-vintage-victorian-200: #f7c5cd;
--color-vintage-victorian-300: #e0a5af;
--color-vintage-victorian-400: #cb8997;
--color-vintage-victorian-500: #b76d7e;
--color-vintage-victorian-600: #9b5c6a;
--color-vintage-victorian-700: #7c4a55;
--color-vintage-victorian-800: #5c353f;
--color-vintage-victorian-900: #40242b;
--color-vintage-victorian-950: #291319;
}SCSS
$vintage-victorian: #e59dac;
$vintage-victorian-rgb: 229, 157, 172;
$vintage-victorian-light: mix(#fff, $vintage-victorian, 20%);
$vintage-victorian-dark: mix(#000, $vintage-victorian, 20%);
.element {
color: $vintage-victorian;
box-shadow: 0 0 0 2px rgba($vintage-victorian, 0.35);
}