Adlandırılmış renk · #E8E1D0
Cosy White
Cosy White, #E8E1D0: rgb(232 225 208), hsl(42 34% 86%), oklch(0.911 0.024 88.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cosy White color name →
#E8E1D0
oklch(0.911 0.024 88.2)
Renk dönüşümleri
- HEX
- #e8e1d0
- RGB
- rgb(232 225 208)
- HSL
- hsl(42 34% 86%)
- HWB
- hwb(42 82% 9%)
- OKLCH
- oklch(0.911 0.024 88.2)
- OKLab
- oklab(0.911 0.001 0.024)
- CIE Lab
- lab(89.75 0.34 9.24)
- LCH
- lch(89.75 9.25 87.9)
- CMYK
- cmyk(0% 3% 10% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAE4D5
- EDE7D9
- EFEADE
- F1EDE3
- F3F0E7
- F6F3EC
- F8F6F1
- FAF9F6
- FDFCFA
Koyu tonlar
- CAC4B5
- ACA79A
- 908B80
- 747067
- 59564F
- 403E39
- 292723
- 131210
- 030202
Gri tonlar
- DDD7C8
- D2CDBF
- C8C3B7
- BDB9AF
- B3AFA7
- A8A69F
- 9E9C97
- 94938F
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- E8E1D0
Cosy White
- DBE1F2
≈ Vaguely Violet
Analog -30° +30°
- E8E1D0
Cosy White
- EEDED2
≈ Nearly Peach
- E0E4D2
≈ Yoga Daze
Üçlü +120° +240°
- E8E1D0
Cosy White
- D0E6EA
≈ Blue Phlox
- EBDCEA
≈ Sprinkle
Bölünmüş tamamlayıcı +150° +210°
- E8E1D0
Cosy White
- D4E4F0
≈ Pattens Blue
- E3DEF0
≈ Lingering Lilac
Dörtlü +90° +180° +270°
- E8E1D0
Cosy White
- D2E7E1
≈ Aqua Glass
- DBE1F2
≈ Vaguely Violet
- F0DBE1
≈ Pink Posies
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.11:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.11:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--cosy-white: #e8e1d0;
--cosy-white-rgb: 232 225 208;
--cosy-white-oklch: oklch(0.911 0.024 88.2);
}
.element {
color: var(--cosy-white);
background-color: hsl(42 34% 86%);
border-color: oklch(0.911 0.024 88.2);
}Tailwind CSS v4
@theme {
--color-cosy-white: #e8e1d0;
--color-cosy-white-50: #f8f5ee;
--color-cosy-white-100: #ebe8df;
--color-cosy-white-200: #d8d4c9;
--color-cosy-white-300: #bcb7aa;
--color-cosy-white-400: #a49e8f;
--color-cosy-white-500: #8d8674;
--color-cosy-white-600: #777163;
--color-cosy-white-700: #5f5a4f;
--color-cosy-white-800: #464239;
--color-cosy-white-900: #302d27;
--color-cosy-white-950: #1d1a15;
}SCSS
$cosy-white: #e8e1d0;
$cosy-white-rgb: 232, 225, 208;
$cosy-white-light: mix(#fff, $cosy-white, 20%);
$cosy-white-dark: mix(#000, $cosy-white, 20%);
.element {
color: $cosy-white;
box-shadow: 0 0 0 2px rgba($cosy-white, 0.35);
}