En yakın adlandırılmış renk · #E0B2D0
#E0B2D0
En yakın adlandırılmış renk: Violet Vamp
#E0B2D0 (rgb(224 178 208), hsl(321 43% 79%), oklch(0.814 0.066 339.5)) en çok Violet Vamp adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E0B2D0
oklch(0.814 0.066 339.5)
Renk dönüşümleri
- HEX
- #e0b2d0
- RGB
- rgb(224 178 208)
- HSL
- hsl(321 43% 79%)
- HWB
- hwb(321 70% 12%)
- OKLCH
- oklch(0.814 0.066 339.5)
- OKLab
- oklab(0.814 0.062 -0.023)
- CIE Lab
- lab(77.47 20.79 -8.54)
- LCH
- lch(77.47 22.47 337.7)
- CMYK
- cmyk(0% 21% 7% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3BAD5
- E7C1D9
- EAC9DE
- EDD1E3
- F0D8E7
- F3E0EC
- F6E8F1
- F9EFF6
- FCF7FA
Koyu tonlar
- C39AB5
- A6839A
- 8A6D80
- 705767
- 56434F
- 3E2F39
- 271D23
- 120C10
- 020102
Gri tonlar
- D6ADC8
- CCA8BF
- C3A3B7
- B99EAF
- AF99A7
- A6949F
- 9C8F97
- 938A8F
- 898588
Renk uyumları
Tamamlayıcı +180°
- E0B2D0
Violet Vamp
- 9ED0B3
≈ Menthol Green
Analog -30° +30°
- E0B2D0
Violet Vamp
- CFB7E3
≈ Pretty Petunia
- E9B1B9
≈ Amazon River Dolphin
Üçlü +120° +240°
- E0B2D0
Violet Vamp
- CCC492
≈ Hearts of Palm
- 92CDE0
≈ Iqaluit Ice
Bölünmüş tamamlayıcı +150° +210°
- E0B2D0
Violet Vamp
- B4CB9E
≈ Sprout
- 90D0CB
≈ Electro Chill
Dörtlü +90° +180° +270°
- E0B2D0
Violet Vamp
- DEBB94
≈ Lama
- 9ED0B3
≈ Menthol Green
- A2C6EC
≈ Baby Blue Eyes
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.44:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--violet-vamp: #e0b2d0;
--violet-vamp-rgb: 224 178 208;
--violet-vamp-oklch: oklch(0.814 0.066 339.5);
}
.element {
color: var(--violet-vamp);
background-color: hsl(321 43% 79%);
border-color: oklch(0.814 0.066 339.5);
}Tailwind CSS v4
@theme {
--color-violet-vamp: #e0b2d0;
--color-violet-vamp-50: #ffeefb;
--color-violet-vamp-100: #f8e0ee;
--color-violet-vamp-200: #e9cadc;
--color-violet-vamp-300: #d0abc1;
--color-violet-vamp-400: #ba90ab;
--color-violet-vamp-500: #a47594;
--color-violet-vamp-600: #8b637d;
--color-violet-vamp-700: #6f4f64;
--color-violet-vamp-800: #523a4b;
--color-violet-vamp-900: #392734;
--color-violet-vamp-950: #23151f;
}SCSS
$violet-vamp: #e0b2d0;
$violet-vamp-rgb: 224, 178, 208;
$violet-vamp-light: mix(#fff, $violet-vamp, 20%);
$violet-vamp-dark: mix(#000, $violet-vamp, 20%);
.element {
color: $violet-vamp;
box-shadow: 0 0 0 2px rgba($violet-vamp, 0.35);
}