Couleur nommée · #EAD8BB
White Hot Chocolate
White Hot Chocolate correspond à #EAD8BB : rgb(234 216 187), hsl(37 53% 83%), oklch(0.889 0.043 79.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · White Hot Chocolate color name →
#EAD8BB
oklch(0.889 0.043 79.8)
Conversions de couleur
- HEX
- #ead8bb
- RGB
- rgb(234 216 187)
- HSL
- hsl(37 53% 83%)
- HWB
- hwb(37 73% 8%)
- OKLCH
- oklch(0.889 0.043 79.8)
- OKLab
- oklab(0.889 0.008 0.043)
- CIE Lab
- lab(87.26 3.05 16.72)
- LCH
- lch(87.26 17 79.7)
- CMYK
- cmyk(0% 8% 20% 8%)
Teintes · Ombres · Tons
Teintes
- ECDCC2
- EEE0C9
- F0E4CF
- F2E8D6
- F5EBDD
- F7EFE4
- F9F3EB
- FBF7F1
- FDFBF8
Ombres
- CBBCA2
- AEA08A
- 918573
- 756B5C
- 5A5346
- 413B32
- 29251F
- 13110D
- 030202
Tons
- DFCFB5
- D4C6AF
- C9BDA9
- BEB4A3
- B4AB9D
- A9A297
- 9F9A92
- 94918C
- 8A8886
Harmonies de couleurs
Complémentaire +180°
- EAD8BB
White Hot Chocolate
- CADCF8
≈ Fly a Kite
Analogue -30° +30°
- EAD8BB
White Hot Chocolate
- F3D3C2
≈ Melon Pink
- DCDEBD
≈ Soft Vellum
Triadique +120° +240°
- EAD8BB
White Hot Chocolate
- BAE4E6
≈ Soaring Sky
- E8D2ED
≈ Lavender Princess
Complémentaire divisée +150° +210°
- EAD8BB
White Hot Chocolate
- BEE1F2
≈ Tropical Pool
- D9D6F6
≈ Japan Blush
Tétradique +90° +180° +270°
- EAD8BB
White Hot Chocolate
- BFE4D6
≈ Beru
- CADCF8
≈ Fly a Kite
- F2CFDF
≈ Minimal Rose
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.39:1 · APCA Lc 19
Ag
AAASur noir
WCAG 15.03:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 15.03:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--white-hot-chocolate: #ead8bb;
--white-hot-chocolate-rgb: 234 216 187;
--white-hot-chocolate-oklch: oklch(0.889 0.043 79.8);
}
.element {
color: var(--white-hot-chocolate);
background-color: hsl(37 53% 83%);
border-color: oklch(0.889 0.043 79.8);
}Tailwind CSS v4
@theme {
--color-white-hot-chocolate: #ead8bb;
--color-white-hot-chocolate-50: #fbf4e8;
--color-white-hot-chocolate-100: #efe7d8;
--color-white-hot-chocolate-200: #ded3c0;
--color-white-hot-chocolate-300: #c3b69f;
--color-white-hot-chocolate-400: #ac9c82;
--color-white-hot-chocolate-500: #968366;
--color-white-hot-chocolate-600: #7e6f56;
--color-white-hot-chocolate-700: #655945;
--color-white-hot-chocolate-800: #4b4132;
--color-white-hot-chocolate-900: #342d22;
--color-white-hot-chocolate-950: #1f1a11;
}SCSS
$white-hot-chocolate: #ead8bb;
$white-hot-chocolate-rgb: 234, 216, 187;
$white-hot-chocolate-light: mix(#fff, $white-hot-chocolate, 20%);
$white-hot-chocolate-dark: mix(#000, $white-hot-chocolate, 20%);
.element {
color: $white-hot-chocolate;
box-shadow: 0 0 0 2px rgba($white-hot-chocolate, 0.35);
}