Nearest named color · #E6E8D1
#E6E8D1
Nearest named color: Blissful Serenity
#E6E8D1 (rgb(230 232 209), hsl(65 33% 86%), oklch(0.923 0.031 111)) is closest to the named color Blissful Serenity. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E6E8D1
oklch(0.923 0.031 111)
Color conversions
- HEX
- #e6e8d1
- RGB
- rgb(230 232 209)
- HSL
- hsl(65 33% 86%)
- HWB
- hwb(65 82% 9%)
- OKLCH
- oklch(0.923 0.031 111)
- OKLab
- oklab(0.923 -0.011 0.029)
- CIE Lab
- lab(91.38 -3.62 10.99)
- LCH
- lch(91.38 11.57 108.2)
- CMYK
- cmyk(1% 0% 10% 9%)
Tints · Shades · Tones
Tints
- E8EAD6
- EBEDDA
- EDEFDF
- F0F1E3
- F2F3E8
- F5F6ED
- F7F8F1
- FAFAF6
- FCFDFA
Shades
- C8CAB5
- ABAC9B
- 8E9081
- 737468
- 595950
- 404039
- 282923
- 131310
- 030302
Tones
- DBDDC9
- D1D2C0
- C6C8B8
- BCBDB0
- B2B3A8
- A7A8A0
- 9D9E98
- 939490
- 8A8A88
Color harmonies
Complementary +180°
- E6E8D1
Blissful Serenity
- E5E3F9
≈ Lavender Mist
Analogous -30° +30°
- E6E8D1
Blissful Serenity
- F0E4CF
≈ Ancient Scroll
- DBEBD8
≈ Lily Pond
Triadic +120° +240°
- E6E8D1
Blissful Serenity
- D2EAF7
≈ Freezing Vapour
- F7DEE8
≈ Wishy-Washy Lilies
Split-complementary +150° +210°
- E6E8D1
Blissful Serenity
- DAE6FB
≈ Cloudless
- EFDFF2
≈ Divine Dove
Tetradic +90° +180° +270°
- E6E8D1
Blissful Serenity
- CFECEE
≈ Sprinkled With Dew
- E5E3F9
≈ Lavender Mist
- FADEDD
≈ Southern Beauty
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.82:1 · APCA Lc 92
Best text color: #000000
WCAG 16.82:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--blissful-serenity: #e6e8d1;
--blissful-serenity-rgb: 230 232 209;
--blissful-serenity-oklch: oklch(0.923 0.031 111);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(65 33% 86%);
border-color: oklch(0.923 0.031 111);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #e6e8d1;
--color-blissful-serenity-50: #f5f6ec;
--color-blissful-serenity-100: #e8e9de;
--color-blissful-serenity-200: #d4d6c7;
--color-blissful-serenity-300: #b7b9a8;
--color-blissful-serenity-400: #9fa08c;
--color-blissful-serenity-500: #878871;
--color-blissful-serenity-600: #727360;
--color-blissful-serenity-700: #5b5c4d;
--color-blissful-serenity-800: #434337;
--color-blissful-serenity-900: #2e2f26;
--color-blissful-serenity-950: #1b1b14;
}SCSS
$blissful-serenity: #e6e8d1;
$blissful-serenity-rgb: 230, 232, 209;
$blissful-serenity-light: mix(#fff, $blissful-serenity, 20%);
$blissful-serenity-dark: mix(#000, $blissful-serenity, 20%);
.element {
color: $blissful-serenity;
box-shadow: 0 0 0 2px rgba($blissful-serenity, 0.35);
}