Benoemde kleur · #EBD5CA
Blushing Coconut
Blushing Coconut is #EBD5CA: rgb(235 213 202), hsl(20 45% 86%), oklch(0.888 0.029 48.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Blushing Coconut color name →
#EBD5CA
oklch(0.888 0.029 48.4)
Kleurconversies
- HEX
- #ebd5ca
- RGB
- rgb(235 213 202)
- HSL
- hsl(20 45% 86%)
- HWB
- hwb(20 79% 8%)
- OKLCH
- oklch(0.888 0.029 48.4)
- OKLab
- oklab(0.888 0.019 0.022)
- CIE Lab
- lab(86.88 6.56 8.37)
- LCH
- lch(86.88 10.64 51.9)
- CMYK
- cmyk(0% 9% 14% 8%)
Tinten · Schaduwen · Tonen
Tinten
- EDD9CF
- EFDDD4
- F1E2DA
- F3E6DF
- F5EAE4
- F7EEEA
- F9F2EF
- FBF7F4
- FDFBFA
Schaduwen
- CCB9AF
- AE9E95
- 91837C
- 756A64
- 5B514D
- 413A37
- 292422
- 13100F
- 030202
Tonen
- E0CCC2
- D5C3BB
- CABBB3
- BFB2AC
- B4AAA4
- A9A19D
- 9F9996
- 95908E
- 8A8887
Kleurharmonieën
Complementair +180°
- EBD5CA
Blushing Coconut
- C7DEE9
≈ Wind of Change
Analoog -30° +30°
- EBD5CA
Blushing Coconut
- EDD3D3
≈ Charming Pink
- E5D8C5
≈ Sandcastle
Triadisch +120° +240°
- EBD5CA
Blushing Coconut
- C9E1D7
≈ Melting Ice
- D9D8ED
≈ Eyeshadow
Gesplitst complementair +150° +210°
- EBD5CA
Blushing Coconut
- C5E0E1
≈ Wishy-Washy Blue
- CFDBEE
≈ Alaskan Skies
Tetradisch +90° +180° +270°
- EBD5CA
Blushing Coconut
- D1DFCD
≈ St. Augustine
- C7DEE9
≈ Wind of Change
- E2D4E7
≈ Light Purity
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.40:1 · APCA Lc 20
Ag
AAAOp zwart
WCAG 14.90:1 · APCA Lc 84
Beste tekstkleur: #000000
WCAG 14.90:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--blushing-coconut: #ebd5ca;
--blushing-coconut-rgb: 235 213 202;
--blushing-coconut-oklch: oklch(0.888 0.029 48.4);
}
.element {
color: var(--blushing-coconut);
background-color: hsl(20 45% 86%);
border-color: oklch(0.888 0.029 48.4);
}Tailwind CSS v4
@theme {
--color-blushing-coconut: #ebd5ca;
--color-blushing-coconut-50: #fcf3ee;
--color-blushing-coconut-100: #f0e5df;
--color-blushing-coconut-200: #dfd1c9;
--color-blushing-coconut-300: #c4b4ab;
--color-blushing-coconut-400: #ad9a90;
--color-blushing-coconut-500: #978176;
--color-blushing-coconut-600: #806d64;
--color-blushing-coconut-700: #665750;
--color-blushing-coconut-800: #4b3f3a;
--color-blushing-coconut-900: #342c28;
--color-blushing-coconut-950: #201916;
}SCSS
$blushing-coconut: #ebd5ca;
$blushing-coconut-rgb: 235, 213, 202;
$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);
}