Benannte Farbe · #EAD6CE
Coral Cream
Coral Cream ist #EAD6CE: rgb(234 214 206), hsl(17 40% 86%), oklch(0.89 0.025 43.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Coral Cream color name →
#EAD6CE
oklch(0.89 0.025 43.2)
Farbumrechnungen
- HEX
- #ead6ce
- RGB
- rgb(234 214 206)
- HSL
- hsl(17 40% 86%)
- HWB
- hwb(17 81% 8%)
- OKLCH
- oklch(0.89 0.025 43.2)
- OKLab
- oklab(0.89 0.018 0.017)
- CIE Lab
- lab(87.12 6.18 6.6)
- LCH
- lch(87.12 9.04 46.9)
- CMYK
- cmyk(0% 9% 12% 8%)
Tints · Shades · Tones
Tints
- ECDAD3
- EEDED8
- F0E2DD
- F3E6E1
- F5EAE6
- F7EEEB
- F9F3F0
- FBF7F5
- FDFBFA
Shades
- CBBAB3
- AE9E98
- 91847F
- 756A66
- 5A524E
- 413B38
- 292523
- 13100F
- 030202
Tones
- DFCDC6
- D4C4BE
- C9BBB6
- BEB3AE
- B4AAA6
- A9A19E
- 9F9997
- 94918F
- 8A8887
Farbharmonien
Komplementär +180°
- EAD6CE
Coral Cream
- CADFE7
≈ Duck’s Egg Blue
Analog -30° +30°
- EAD6CE
Coral Cream
- EBD5D6
≈ Berry Taffy
- E5D9C9
≈ Riviera Dune
Triadisch +120° +240°
- EAD6CE
Coral Cream
- CDE0D6
≈ Light Soft Fresco
- D8D9EB
≈ Eyeshadow
Geteilt komplementär +150° +210°
- EAD6CE
Coral Cream
- C9E0DF
≈ Thin Heights
- D0DCEB
≈ Morning Shower
Tetradisch +90° +180° +270°
- EAD6CE
Coral Cream
- D4DFCE
≈ Comforting Green
- CADFE7
≈ Duck’s Egg Blue
- E1D6E7
≈ Old Chalk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.00:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--coral-cream: #ead6ce;
--coral-cream-rgb: 234 214 206;
--coral-cream-oklch: oklch(0.89 0.025 43.2);
}
.element {
color: var(--coral-cream);
background-color: hsl(17 40% 86%);
border-color: oklch(0.89 0.025 43.2);
}Tailwind CSS v4
@theme {
--color-coral-cream: #ead6ce;
--color-coral-cream-50: #fcf3ef;
--color-coral-cream-100: #efe5e1;
--color-coral-cream-200: #ded1cc;
--color-coral-cream-300: #c3b4ad;
--color-coral-cream-400: #ac9a93;
--color-coral-cream-500: #958179;
--color-coral-cream-600: #7e6d67;
--color-coral-cream-700: #655752;
--color-coral-cream-800: #4a403c;
--color-coral-cream-900: #342c29;
--color-coral-cream-950: #1f1917;
}SCSS
$coral-cream: #ead6ce;
$coral-cream-rgb: 234, 214, 206;
$coral-cream-light: mix(#fff, $coral-cream, 20%);
$coral-cream-dark: mix(#000, $coral-cream, 20%);
.element {
color: $coral-cream;
box-shadow: 0 0 0 2px rgba($coral-cream, 0.35);
}