En yakın adlandırılmış renk · #E8E5D1
#E8E5D1
En yakın adlandırılmış renk: Cauliflower
#E8E5D1 (rgb(232 229 209), hsl(52 33% 86%), oklch(0.919 0.027 99.9)) en çok Cauliflower 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.
#E8E5D1
oklch(0.919 0.027 99.9)
Renk dönüşümleri
- HEX
- #e8e5d1
- RGB
- rgb(232 229 209)
- HSL
- hsl(52 33% 86%)
- HWB
- hwb(52 82% 9%)
- OKLCH
- oklch(0.919 0.027 99.9)
- OKLab
- oklab(0.919 -0.005 0.026)
- CIE Lab
- lab(90.78 -1.47 10.17)
- LCH
- lch(90.78 10.28 98.2)
- CMYK
- cmyk(0% 1% 10% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAE8D6
- EDEADA
- EFEDDF
- F1EFE3
- F3F2E8
- F6F5ED
- F8F7F1
- FAFAF6
- FDFCFA
Koyu tonlar
- CAC7B5
- ACAA9B
- 908E81
- 747268
- 595850
- 403F39
- 292823
- 131210
- 030302
Gri tonlar
- DDDAC9
- D2D0C0
- C8C6B8
- BDBBB0
- B3B1A8
- A8A7A0
- 9E9D98
- 949390
- 8A8A88
Renk uyumları
Tamamlayıcı +180°
- E8E5D1
Cauliflower
- E0E3F6
≈ Iris Ice
Analog -30° +30°
- E8E5D1
Cauliflower
- F0E2D2
≈ Agrodolce
- DEE8D6
≈ Hollywood Asparagus
Üçlü +120° +240°
- E8E5D1
Cauliflower
- D2E9F1
≈ Ice Cold
- F1DEEA
≈ Mellow Flower
Bölünmüş tamamlayıcı +150° +210°
- E8E5D1
Cauliflower
- D7E6F6
≈ Icicle Veil
- EAE0F2
≈ Romantic Cruise
Dörtlü +90° +180° +270°
- E8E5D1
Cauliflower
- D1EAE8
≈ Foam
- E0E3F6
≈ Iris Ice
- F5DDE0
≈ Lily the Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.55:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--cauliflower: #e8e5d1;
--cauliflower-rgb: 232 229 209;
--cauliflower-oklch: oklch(0.919 0.027 99.9);
}
.element {
color: var(--cauliflower);
background-color: hsl(52 33% 86%);
border-color: oklch(0.919 0.027 99.9);
}Tailwind CSS v4
@theme {
--color-cauliflower: #e8e5d1;
--color-cauliflower-50: #f6f6ed;
--color-cauliflower-100: #e9e8de;
--color-cauliflower-200: #d6d5c8;
--color-cauliflower-300: #bab8a9;
--color-cauliflower-400: #a29f8d;
--color-cauliflower-500: #8a8773;
--color-cauliflower-600: #757261;
--color-cauliflower-700: #5d5b4e;
--color-cauliflower-800: #454338;
--color-cauliflower-900: #2f2e26;
--color-cauliflower-950: #1c1b15;
}SCSS
$cauliflower: #e8e5d1;
$cauliflower-rgb: 232, 229, 209;
$cauliflower-light: mix(#fff, $cauliflower, 20%);
$cauliflower-dark: mix(#000, $cauliflower, 20%);
.element {
color: $cauliflower;
box-shadow: 0 0 0 2px rgba($cauliflower, 0.35);
}