Named color · #E0DBC7
Cosy Cream
Cosy Cream is #E0DBC7: rgb(224 219 199), hsl(48 29% 83%), oklch(0.89 0.027 95.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Cosy Cream color name →
#E0DBC7
oklch(0.89 0.027 95.4)
Color conversions
- HEX
- #e0dbc7
- RGB
- rgb(224 219 199)
- HSL
- hsl(48 29% 83%)
- HWB
- hwb(48 78% 12%)
- OKLCH
- oklch(0.89 0.027 95.4)
- OKLab
- oklab(0.89 -0.003 0.027)
- CIE Lab
- lab(87.4 -0.74 10.51)
- LCH
- lch(87.4 10.54 94)
- CMYK
- cmyk(0% 2% 11% 12%)
Tints · Shades · Tones
Tints
- E3DFCD
- E6E2D2
- E9E6D8
- ECE9DD
- EFEDE3
- F3F1E8
- F6F4EE
- F9F8F4
- FCFBF9
Shades
- C3BEAD
- A6A293
- 8A877A
- 706D62
- 56544C
- 3E3C36
- 272621
- 12110E
- 020202
Tones
- D6D2C0
- CCC8B8
- C2BFB1
- B8B6AA
- AFACA3
- A5A39C
- 9C9A95
- 92918E
- 898987
Color harmonies
Complementary +180°
- E0DBC7
Cosy Cream
- D5DAED
≈ Blissful Meditation
Analogous -30° +30°
- E0DBC7
Cosy Cream
- E8D8C8
≈ Siesta Tan
- D6DECB
≈ Grassy Glade
Triadic +120° +240°
- E0DBC7
Cosy Cream
- C7E0E6
≈ Wind Tunnel
- E7D4E2
≈ Joyful Lilac
Split-complementary +150° +210°
- E0DBC7
Cosy Cream
- CDDDEC
≈ Tuğçe Silver
- DFD7EA
≈ Light Purity
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.12:1 · APCA Lc 85
Best text color: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--cosy-cream: #e0dbc7;
--cosy-cream-rgb: 224 219 199;
--cosy-cream-oklch: oklch(0.89 0.027 95.4);
}
.element {
color: var(--cosy-cream);
background-color: hsl(48 29% 83%);
border-color: oklch(0.89 0.027 95.4);
}Tailwind CSS v4
@theme {
--color-cosy-cream: #e0dbc7;
--color-cosy-cream-50: #f7f5ed;
--color-cosy-cream-100: #eae8de;
--color-cosy-cream-200: #d7d5c8;
--color-cosy-cream-300: #bbb8a8;
--color-cosy-cream-400: #a39f8d;
--color-cosy-cream-500: #8c8672;
--color-cosy-cream-600: #767261;
--color-cosy-cream-700: #5e5b4d;
--color-cosy-cream-800: #454238;
--color-cosy-cream-900: #302e26;
--color-cosy-cream-950: #1c1b15;
}SCSS
$cosy-cream: #e0dbc7;
$cosy-cream-rgb: 224, 219, 199;
$cosy-cream-light: mix(#fff, $cosy-cream, 20%);
$cosy-cream-dark: mix(#000, $cosy-cream, 20%);
.element {
color: $cosy-cream;
box-shadow: 0 0 0 2px rgba($cosy-cream, 0.35);
}