Nearest named color · #EEE1D5
#EEE1D5
Nearest named color: Delicate Bliss
#EEE1D5 (rgb(238 225 213), hsl(29 42% 88%), oklch(0.917 0.022 65.3)) is closest to the named color Delicate Bliss. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EEE1D5
oklch(0.917 0.022 65.3)
Color conversions
- HEX
- #eee1d5
- RGB
- rgb(238 225 213)
- HSL
- hsl(29 42% 88%)
- HWB
- hwb(29 84% 7%)
- OKLCH
- oklch(0.917 0.022 65.3)
- OKLab
- oklab(0.917 0.009 0.02)
- CIE Lab
- lab(90.34 3.1 7.56)
- LCH
- lch(90.34 8.18 67.7)
- CMYK
- cmyk(0% 5% 11% 7%)
Tints · Shades · Tones
Tints
- F0E4D9
- F1E7DD
- F3EAE2
- F5EDE6
- F7F0EA
- F8F3EE
- FAF6F2
- FCF9F7
- FDFCFB
Shades
- CFC4B9
- B1A79E
- 938B83
- 77706A
- 5C5651
- 423E3A
- 2A2724
- 141210
- 030202
Tones
- E2D7CC
- D7CDC3
- CCC3BB
- C1B9B2
- B5AFAA
- ABA6A1
- A09C99
- 959390
- 8A8988
Color harmonies
Complementary +180°
- EEE1D5
Delicate Bliss
- D8E5F1
≈ Snowdrift Glow
Analogous -30° +30°
- EEE1D5
Delicate Bliss
- F1DFDA
≈ Fallen Petals
- E8E4D4
≈ Ash White
Triadic +120° +240°
- EEE1D5
Delicate Bliss
- D5E8E5
≈ Whispery Breeze
- E7E0EF
≈ Romantic Cruise
Split-complementary +150° +210°
- EEE1D5
Delicate Bliss
- D4E8ED
≈ Coastal Mist
- DFE3F2
≈ Iris Ice
Tetradic +90° +180° +270°
- EEE1D5
Delicate Bliss
- D9E8DD
≈ Tint of Green
- D8E5F1
≈ Snowdrift Glow
- EDDEE9
≈ Angora Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.36:1 · APCA Lc 90
Best text color: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--delicate-bliss: #eee1d5;
--delicate-bliss-rgb: 238 225 213;
--delicate-bliss-oklch: oklch(0.917 0.022 65.3);
}
.element {
color: var(--delicate-bliss);
background-color: hsl(29 42% 88%);
border-color: oklch(0.917 0.022 65.3);
}Tailwind CSS v4
@theme {
--color-delicate-bliss: #eee1d5;
--color-delicate-bliss-50: #f9f4ef;
--color-delicate-bliss-100: #ede7e0;
--color-delicate-bliss-200: #dbd3cb;
--color-delicate-bliss-300: #bfb6ac;
--color-delicate-bliss-400: #a89c91;
--color-delicate-bliss-500: #918478;
--color-delicate-bliss-600: #7a6f65;
--color-delicate-bliss-700: #625951;
--color-delicate-bliss-800: #48413b;
--color-delicate-bliss-900: #322d28;
--color-delicate-bliss-950: #1e1a16;
}SCSS
$delicate-bliss: #eee1d5;
$delicate-bliss-rgb: 238, 225, 213;
$delicate-bliss-light: mix(#fff, $delicate-bliss, 20%);
$delicate-bliss-dark: mix(#000, $delicate-bliss, 20%);
.element {
color: $delicate-bliss;
box-shadow: 0 0 0 2px rgba($delicate-bliss, 0.35);
}