Named color · #E8DFD8
Starling’s Egg
Starling’s Egg is #E8DFD8: rgb(232 223 216), hsl(26 26% 88%), oklch(0.909 0.014 60.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Starling’s Egg color name →
#E8DFD8
oklch(0.909 0.014 60.6)
Color conversions
- HEX
- #e8dfd8
- RGB
- rgb(232 223 216)
- HSL
- hsl(26 26% 88%)
- HWB
- hwb(26 85% 9%)
- OKLCH
- oklch(0.909 0.014 60.6)
- OKLab
- oklab(0.909 0.007 0.012)
- CIE Lab
- lab(89.4 2.28 4.59)
- LCH
- lch(89.4 5.13 63.6)
- CMYK
- cmyk(0% 4% 7% 9%)
Tints · Shades · Tones
Tints
- EAE2DC
- EDE5E0
- EFE9E4
- F1ECE7
- F3EFEB
- F6F2EF
- F8F5F3
- FAF9F7
- FDFCFB
Shades
- CAC2BC
- ACA5A0
- 908A85
- 746F6B
- 595653
- 403D3B
- 292725
- 131211
- 030202
Tones
- DDD5CF
- D2CBC6
- C8C2BD
- BDB8B4
- B3AEAB
- A8A5A2
- 9E9B9A
- 949291
- 8A8988
Color harmonies
Complementary +180°
- E8DFD8
Starling’s Egg
- D9E2E9
≈ Star Map
Analogous -30° +30°
- E8DFD8
Starling’s Egg
- EADEDB
≈ Wishy-Washy Beige
- E4E1D7
≈ Weisswurst White
Triadic +120° +240°
- E8DFD8
Starling’s Egg
- D8E4E1
≈ Cirrus Blue
- E2DFE9
≈ Angelic Sent
Split-complementary +150° +210°
- E8DFD8
Starling’s Egg
- D7E4E6
≈ Inuit Blue
- DDE1EA
≈ Frosty Fog
Tetradic +90° +180° +270°
- E8DFD8
Starling’s Egg
- DBE4DC
≈ Aqua Squeeze
- D9E2E9
≈ Star Map
- E6DEE5
≈ Peekaboo
Contrast & accessibility
Ag
FailOn white
WCAG 1.31:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.97:1 · APCA Lc 88
Best text color: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--starling-s-egg: #e8dfd8;
--starling-s-egg-rgb: 232 223 216;
--starling-s-egg-oklch: oklch(0.909 0.014 60.6);
}
.element {
color: var(--starling-s-egg);
background-color: hsl(26 26% 88%);
border-color: oklch(0.909 0.014 60.6);
}Tailwind CSS v4
@theme {
--color-starling-s-egg: #e8dfd8;
--color-starling-s-egg-50: #f8f4f1;
--color-starling-s-egg-100: #ebe7e3;
--color-starling-s-egg-200: #d9d3ce;
--color-starling-s-egg-300: #bdb6b0;
--color-starling-s-egg-400: #a59d96;
--color-starling-s-egg-500: #8d847d;
--color-starling-s-egg-600: #77706a;
--color-starling-s-egg-700: #605955;
--color-starling-s-egg-800: #46413e;
--color-starling-s-egg-900: #312d2a;
--color-starling-s-egg-950: #1d1a18;
}SCSS
$starling-s-egg: #e8dfd8;
$starling-s-egg-rgb: 232, 223, 216;
$starling-s-egg-light: mix(#fff, $starling-s-egg, 20%);
$starling-s-egg-dark: mix(#000, $starling-s-egg, 20%);
.element {
color: $starling-s-egg;
box-shadow: 0 0 0 2px rgba($starling-s-egg, 0.35);
}