Couleur nommée · #E5DBCB
Predictable
Predictable correspond à #E5DBCB : rgb(229 219 203), hsl(37 33% 85%), oklch(0.895 0.024 79.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Predictable color name →
#E5DBCB
oklch(0.895 0.024 79.7)
Conversions de couleur
- HEX
- #e5dbcb
- RGB
- rgb(229 219 203)
- HSL
- hsl(37 33% 85%)
- HWB
- hwb(37 80% 10%)
- OKLCH
- oklch(0.895 0.024 79.7)
- OKLab
- oklab(0.895 0.004 0.024)
- CIE Lab
- lab(87.89 1.56 9.18)
- LCH
- lch(87.89 9.32 80.4)
- CMYK
- cmyk(0% 4% 11% 10%)
Teintes · Ombres · Tons
Teintes
- E8DFD0
- EAE2D5
- EDE6DA
- EFE9E0
- F2EDE5
- F5F1EA
- F7F4EF
- FAF8F4
- FCFBFA
Ombres
- C7BEB0
- AAA296
- 8E877D
- 726D65
- 58544D
- 3F3C37
- 282622
- 12110F
- 030202
Tons
- DAD2C3
- D0C8BC
- C6BFB4
- BBB6AC
- B1ACA5
- A7A39D
- 9D9A96
- 93918F
- 8A8987
Harmonies de couleurs
Complémentaire +180°
- E5DBCB
Predictable
- D3DDED
≈ Morning Shower
Analogue -30° +30°
- E5DBCB
Predictable
- EAD8CF
≈ Winter Peach
- DDDECC
≈ Green White
Triadique +120° +240°
- E5DBCB
Predictable
- CBE2E3
≈ Melting Point
- E4D8E7
≈ Snuff
Complémentaire divisée +150° +210°
- E5DBCB
Predictable
- CDE0E9
≈ Duck’s Egg Blue
- DCDAEC
≈ Eyeshadow
Tétradique +90° +180° +270°
- E5DBCB
Predictable
- CEE2DA
≈ Light Meadow Lane
- D3DDED
≈ Morning Shower
- EAD6DF
≈ Swiss Rose
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.37:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.32:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--predictable: #e5dbcb;
--predictable-rgb: 229 219 203;
--predictable-oklch: oklch(0.895 0.024 79.7);
}
.element {
color: var(--predictable);
background-color: hsl(37 33% 85%);
border-color: oklch(0.895 0.024 79.7);
}Tailwind CSS v4
@theme {
--color-predictable: #e5dbcb;
--color-predictable-50: #f9f5ee;
--color-predictable-100: #ece7df;
--color-predictable-200: #d9d3c9;
--color-predictable-300: #beb6aa;
--color-predictable-400: #a69d8f;
--color-predictable-500: #8f8575;
--color-predictable-600: #797063;
--color-predictable-700: #615a4f;
--color-predictable-800: #474139;
--color-predictable-900: #312d27;
--color-predictable-950: #1d1a15;
}SCSS
$predictable: #e5dbcb;
$predictable-rgb: 229, 219, 203;
$predictable-light: mix(#fff, $predictable, 20%);
$predictable-dark: mix(#000, $predictable, 20%);
.element {
color: $predictable;
box-shadow: 0 0 0 2px rgba($predictable, 0.35);
}