Named color · #E6D7A0
Early Sprout
Early Sprout is #E6D7A0: rgb(230 215 160), hsl(47 58% 76%), oklch(0.878 0.073 94.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Early Sprout color name →
#E6D7A0
oklch(0.878 0.073 94.7)
Color conversions
- HEX
- #e6d7a0
- RGB
- rgb(230 215 160)
- HSL
- hsl(47 58% 76%)
- HWB
- hwb(47 63% 10%)
- OKLCH
- oklch(0.878 0.073 94.7)
- OKLab
- oklab(0.878 -0.006 0.073)
- CIE Lab
- lab(86.23 -0.67 29.2)
- LCH
- lch(86.23 29.21 91.3)
- CMYK
- cmyk(0% 7% 30% 10%)
Tints · Shades · Tones
Tints
- E8DBAA
- EBDFB3
- EDE3BD
- F0E7C6
- F2EBD0
- F5EFD9
- F7F3E3
- FAF7EC
- FCFBF6
Shades
- C8BB8B
- AB9F76
- 8E8561
- 736B4E
- 59523B
- 403B29
- 282519
- 131109
- 030201
Tones
- DBCE9D
- D1C59A
- C6BC97
- BCB394
- B2AB91
- A7A28E
- 9D998A
- 939187
- 8A8884
Color harmonies
Complementary +180°
- E6D7A0
Early Sprout
- CBD5FF
≈ Pale Phthalo Blue
Analogous -30° +30°
- E6D7A0
Early Sprout
- F9CEA5
≈ Lion Cub
- CCE0AB
≈ Viridine Green
Triadic +120° +240°
- E6D7A0
Early Sprout
- 9EE4F5
≈ Blizzard Blue
- F6C5EB
≈ Sugar High
Split-complementary +150° +210°
- E6D7A0
Early Sprout
- B4DCFF
≈ Broad Daylight
- E2CBFF
≈ Lens Flare Pink
Tetradic +90° +180° +270°
- E6D7A0
Early Sprout
- 9FE7DD
≈ Sea Glass Teal
- CBD5FF
≈ Pale Phthalo Blue
- FFC5D1
≈ Sweet Serenade
Contrast & accessibility
Ag
FailOn white
WCAG 1.43:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.59:1 · APCA Lc 82
Best text color: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--early-sprout: #e6d7a0;
--early-sprout-rgb: 230 215 160;
--early-sprout-oklch: oklch(0.878 0.073 94.7);
}
.element {
color: var(--early-sprout);
background-color: hsl(47 58% 76%);
border-color: oklch(0.878 0.073 94.7);
}Tailwind CSS v4
@theme {
--color-early-sprout: #e6d7a0;
--color-early-sprout-50: #fbf6de;
--color-early-sprout-100: #efe8cd;
--color-early-sprout-200: #ddd5b2;
--color-early-sprout-300: #c2b88d;
--color-early-sprout-400: #ac9e6c;
--color-early-sprout-500: #96864b;
--color-early-sprout-600: #7e7140;
--color-early-sprout-700: #655b33;
--color-early-sprout-800: #4b4224;
--color-early-sprout-900: #342d18;
--color-early-sprout-950: #201a09;
}SCSS
$early-sprout: #e6d7a0;
$early-sprout-rgb: 230, 215, 160;
$early-sprout-light: mix(#fff, $early-sprout, 20%);
$early-sprout-dark: mix(#000, $early-sprout, 20%);
.element {
color: $early-sprout;
box-shadow: 0 0 0 2px rgba($early-sprout, 0.35);
}