Named color · #E9E1D9
Spring Wood
Spring Wood is #E9E1D9: rgb(233 225 217), hsl(30 27% 88%), oklch(0.914 0.014 67.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Spring Wood color name →
#E9E1D9
oklch(0.914 0.014 67.7)
Color conversions
- HEX
- #e9e1d9
- RGB
- rgb(233 225 217)
- HSL
- hsl(30 27% 88%)
- HWB
- hwb(30 85% 9%)
- OKLCH
- oklch(0.914 0.014 67.7)
- OKLab
- oklab(0.914 0.005 0.013)
- CIE Lab
- lab(90 1.8 4.94)
- LCH
- lch(90 5.26 70)
- CMYK
- cmyk(0% 3% 7% 9%)
Tints · Shades · Tones
Tints
- EBE4DD
- EDE7E1
- F0EAE4
- F2EDE8
- F4F0EC
- F6F3F0
- F8F6F4
- FBF9F7
- FDFCFB
Shades
- CBC4BC
- ADA7A1
- 908B86
- 74706C
- 5A5653
- 413E3B
- 292725
- 131211
- 030202
Tones
- DED7D0
- D3CDC7
- C8C3BD
- BEB9B4
- B3AFAB
- A9A6A3
- 9E9C9A
- 949391
- 8A8989
Color harmonies
Complementary +180°
- E9E1D9
Spring Wood
- DCE4EC
≈ Icelandic
Analogous -30° +30°
- E9E1D9
Spring Wood
- EBE0DC
≈ Sweet Roses
- E5E3D9
≈ Weathered White
Triadic +120° +240°
- E9E1D9
Spring Wood
- D9E6E4
≈ Jack Frost
- E5E0EA
≈ Powdery Mist
Split-complementary +150° +210°
- E9E1D9
Spring Wood
- D9E5E9
≈ Arctic Blizzard
- E0E2EC
≈ White Lavender
Tetradic +90° +180° +270°
- E9E1D9
Spring Wood
- DBE5DF
≈ Melting Snowman
- DCE4EC
≈ Icelandic
- E9DFE6
≈ Ostrich Tail
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.23:1 · APCA Lc 89
Best text color: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--spring-wood: #e9e1d9;
--spring-wood-rgb: 233 225 217;
--spring-wood-oklch: oklch(0.914 0.014 67.7);
}
.element {
color: var(--spring-wood);
background-color: hsl(30 27% 88%);
border-color: oklch(0.914 0.014 67.7);
}Tailwind CSS v4
@theme {
--color-spring-wood: #e9e1d9;
--color-spring-wood-50: #f8f4f1;
--color-spring-wood-100: #ebe7e3;
--color-spring-wood-200: #d8d3ce;
--color-spring-wood-300: #bcb6b0;
--color-spring-wood-400: #a49d96;
--color-spring-wood-500: #8d857d;
--color-spring-wood-600: #77706a;
--color-spring-wood-700: #5f5a54;
--color-spring-wood-800: #46413d;
--color-spring-wood-900: #302d2a;
--color-spring-wood-950: #1d1a18;
}SCSS
$spring-wood: #e9e1d9;
$spring-wood-rgb: 233, 225, 217;
$spring-wood-light: mix(#fff, $spring-wood, 20%);
$spring-wood-dark: mix(#000, $spring-wood, 20%);
.element {
color: $spring-wood;
box-shadow: 0 0 0 2px rgba($spring-wood, 0.35);
}