Named color · #E2D8D4
Light Thought
Light Thought is #E2D8D4: rgb(226 216 212), hsl(17 19% 86%), oklch(0.889 0.012 43.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Light Thought color name →
#E2D8D4
oklch(0.889 0.012 43.3)
Color conversions
- HEX
- #e2d8d4
- RGB
- rgb(226 216 212)
- HSL
- hsl(17 19% 86%)
- HWB
- hwb(17 83% 11%)
- OKLCH
- oklch(0.889 0.012 43.3)
- OKLab
- oklab(0.889 0.009 0.008)
- CIE Lab
- lab(87.07 3.04 3.27)
- LCH
- lch(87.07 4.46 47.1)
- CMYK
- cmyk(0% 4% 6% 11%)
Tints · Shades · Tones
Tints
- E5DCD8
- E8E0DC
- EBE4E1
- EEE7E5
- F0EBE9
- F3EFEE
- F6F3F2
- F9F7F6
- FCFBFB
Shades
- C4BCB8
- A8A09D
- 8C8583
- 716B69
- 575351
- 3E3B3A
- 272524
- 121110
- 030202
Tones
- D8CFCB
- CEC6C3
- C4BDBA
- BAB4B1
- B0ABA9
- A6A2A1
- 9C9A98
- 939190
- 898888
Color harmonies
Complementary +180°
- E2D8D4
Light Thought
- D2DCE0
≈ Head in the Clouds
Analogous -30° +30°
- E2D8D4
Light Thought
- E2D7D8
≈ Lower Lilac
- E0D9D2
≈ Simple White
Triadic +120° +240°
- E2D8D4
Light Thought
- D4DDD8
≈ Buckwheat
- D9DAE3
≈ Muffled White
Split-complementary +150° +210°
- E2D8D4
Light Thought
- D2DDDD
≈ Ripple
- D5DBE3
≈ Aster Petal
Tetradic +90° +180° +270°
- E2D8D4
Light Thought
- D7DCD4
≈ Nurture
- D2DCE0
≈ Head in the Clouds
- DDD8E0
≈ Pastel Day
Contrast & accessibility
Ag
FailOn white
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.00:1 · APCA Lc 84
Best text color: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--light-thought: #e2d8d4;
--light-thought-rgb: 226 216 212;
--light-thought-oklch: oklch(0.889 0.012 43.3);
}
.element {
color: var(--light-thought);
background-color: hsl(17 19% 86%);
border-color: oklch(0.889 0.012 43.3);
}Tailwind CSS v4
@theme {
--color-light-thought: #e2d8d4;
--color-light-thought-50: #f8f4f2;
--color-light-thought-100: #ece7e4;
--color-light-thought-200: #d9d3d0;
--color-light-thought-300: #bdb6b2;
--color-light-thought-400: #a59c99;
--color-light-thought-500: #8e8480;
--color-light-thought-600: #786f6c;
--color-light-thought-700: #605956;
--color-light-thought-800: #46413f;
--color-light-thought-900: #312d2b;
--color-light-thought-950: #1d1a19;
}SCSS
$light-thought: #e2d8d4;
$light-thought-rgb: 226, 216, 212;
$light-thought-light: mix(#fff, $light-thought, 20%);
$light-thought-dark: mix(#000, $light-thought, 20%);
.element {
color: $light-thought;
box-shadow: 0 0 0 2px rgba($light-thought, 0.35);
}