Named color · #EEE0B9
Sauerkraut
Sauerkraut is #EEE0B9: rgb(238 224 185), hsl(44 61% 83%), oklch(0.908 0.053 90.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Sauerkraut color name →
#EEE0B9
oklch(0.908 0.053 90.6)
Color conversions
- HEX
- #eee0b9
- RGB
- rgb(238 224 185)
- HSL
- hsl(44 61% 83%)
- HWB
- hwb(44 73% 7%)
- OKLCH
- oklch(0.908 0.053 90.6)
- OKLab
- oklab(0.908 -0.001 0.053)
- CIE Lab
- lab(89.58 0.47 21)
- LCH
- lch(89.58 21 88.7)
- CMYK
- cmyk(0% 6% 22% 7%)
Tints · Shades · Tones
Tints
- F0E3C0
- F1E6C7
- F3E9CE
- F5ECD5
- F6F0DC
- F8F3E3
- FAF6EA
- FCF9F1
- FDFCF8
Shades
- CFC3A0
- B1A689
- 938A71
- 77705B
- 5C5646
- 423E31
- 2A271E
- 14120D
- 030202
Tones
- E2D6B3
- D7CCAE
- CCC2A8
- C1B9A2
- B5AF9D
- AAA597
- A09C91
- 95928B
- 8A8986
Color harmonies
Complementary +180°
- EEE0B9
Sauerkraut
- D5E0FF
≈ Contrail
Analogous -30° +30°
- EEE0B9
Sauerkraut
- FCD9BE
≈ Delicate Dawn
- DBE7BF
≈ Kiwi Sorbet
Triadic +120° +240°
- EEE0B9
Sauerkraut
- B8EBF5
≈ First of July
- F6D4F2
≈ Jacaranda
Split-complementary +150° +210°
- EEE0B9
Sauerkraut
- C4E6FF
≈ Icy Landscape
- E6D9FF
≈ Transparent Blue
Tetradic +90° +180° +270°
- EEE0B9
Sauerkraut
- BBEDE2
≈ Fresh Breeze
- D5E0FF
≈ Contrail
- FFD3DF
≈ Light Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.31:1 · APCA Lc 15
Ag
AAAOn black
WCAG 15.99:1 · APCA Lc 88
Best text color: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--sauerkraut: #eee0b9;
--sauerkraut-rgb: 238 224 185;
--sauerkraut-oklch: oklch(0.908 0.053 90.6);
}
.element {
color: var(--sauerkraut);
background-color: hsl(44 61% 83%);
border-color: oklch(0.908 0.053 90.6);
}Tailwind CSS v4
@theme {
--color-sauerkraut: #eee0b9;
--color-sauerkraut-50: #faf5e4;
--color-sauerkraut-100: #eee8d4;
--color-sauerkraut-200: #dcd4bb;
--color-sauerkraut-300: #c1b799;
--color-sauerkraut-400: #aa9e7b;
--color-sauerkraut-500: #94855d;
--color-sauerkraut-600: #7d714f;
--color-sauerkraut-700: #645a3f;
--color-sauerkraut-800: #4a422d;
--color-sauerkraut-900: #332d1e;
--color-sauerkraut-950: #1f1a0e;
}SCSS
$sauerkraut: #eee0b9;
$sauerkraut-rgb: 238, 224, 185;
$sauerkraut-light: mix(#fff, $sauerkraut, 20%);
$sauerkraut-dark: mix(#000, $sauerkraut, 20%);
.element {
color: $sauerkraut;
box-shadow: 0 0 0 2px rgba($sauerkraut, 0.35);
}