Couleur nommée la plus proche · #EED8CE
#EED8CE
Couleur nommée la plus proche: Blushing Coconut
#EED8CE (rgb(238 216 206), hsl(19 48% 87%), oklch(0.897 0.028 46.1)) est la plus proche de la couleur nommée Blushing Coconut. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EED8CE
oklch(0.897 0.028 46.1)
Conversions de couleur
- HEX
- #eed8ce
- RGB
- rgb(238 216 206)
- HSL
- hsl(19 48% 87%)
- HWB
- hwb(19 81% 7%)
- OKLCH
- oklch(0.897 0.028 46.1)
- OKLab
- oklab(0.897 0.019 0.02)
- CIE Lab
- lab(87.96 6.66 7.85)
- LCH
- lch(87.96 10.29 49.7)
- CMYK
- cmyk(0% 9% 13% 7%)
Teintes · Ombres · Tons
Teintes
- F0DCD3
- F2E0D8
- F3E4DD
- F5E8E1
- F7EBE6
- F8EFEB
- FAF3F0
- FCF7F5
- FDFBFA
Ombres
- CFBCB3
- B1A098
- 93857F
- 776B66
- 5C534E
- 423B38
- 2A2523
- 14110F
- 030202
Tons
- E3CFC6
- D7C6BE
- CCBDB6
- C1B4AE
- B6ABA6
- ABA29E
- A09A97
- 95918F
- 8A8888
Harmonies de couleurs
Complémentaire +180°
- EED8CE
Blushing Coconut
- CBE2EC
≈ Niagara Falls
Analogue -30° +30°
- EED8CE
Blushing Coconut
- EFD6D7
≈ Light Petite Pink
- E8DBC9
≈ Serengeti Dust
Triadique +120° +240°
- EED8CE
Blushing Coconut
- CDE3D9
≈ Light Silverton
- DBDBF0
≈ Chinese Silver
Complémentaire divisée +150° +210°
- EED8CE
Blushing Coconut
- C9E3E3
≈ Babymoon Blue
- D1DEF0
≈ Puffy Cloud
Tétradique +90° +180° +270°
- EED8CE
Blushing Coconut
- D5E2D0
≈ Sweet Mint Tea
- CBE2EC
≈ Niagara Falls
- E5D8EA
≈ Pale Grey Magenta
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.36:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.34:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--blushing-coconut: #eed8ce;
--blushing-coconut-rgb: 238 216 206;
--blushing-coconut-oklch: oklch(0.897 0.028 46.1);
}
.element {
color: var(--blushing-coconut);
background-color: hsl(19 48% 87%);
border-color: oklch(0.897 0.028 46.1);
}Tailwind CSS v4
@theme {
--color-blushing-coconut: #eed8ce;
--color-blushing-coconut-50: #fcf3ee;
--color-blushing-coconut-100: #f0e5e0;
--color-blushing-coconut-200: #dfd1ca;
--color-blushing-coconut-300: #c4b3ab;
--color-blushing-coconut-400: #ad9a91;
--color-blushing-coconut-500: #978177;
--color-blushing-coconut-600: #7f6d65;
--color-blushing-coconut-700: #665750;
--color-blushing-coconut-800: #4b3f3b;
--color-blushing-coconut-900: #342c28;
--color-blushing-coconut-950: #201916;
}SCSS
$blushing-coconut: #eed8ce;
$blushing-coconut-rgb: 238, 216, 206;
$blushing-coconut-light: mix(#fff, $blushing-coconut, 20%);
$blushing-coconut-dark: mix(#000, $blushing-coconut, 20%);
.element {
color: $blushing-coconut;
box-shadow: 0 0 0 2px rgba($blushing-coconut, 0.35);
}