Named color · #E8D5C6
Soft Shoe
Soft Shoe is #E8D5C6: rgb(232 213 198), hsl(26 42% 84%), oklch(0.884 0.029 60.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Soft Shoe color name →
#E8D5C6
oklch(0.884 0.029 60.7)
Color conversions
- HEX
- #e8d5c6
- RGB
- rgb(232 213 198)
- HSL
- hsl(26 42% 84%)
- HWB
- hwb(26 78% 9%)
- OKLCH
- oklch(0.884 0.029 60.7)
- OKLab
- oklab(0.884 0.014 0.026)
- CIE Lab
- lab(86.54 4.99 9.95)
- LCH
- lch(86.54 11.13 63.3)
- CMYK
- cmyk(0% 8% 15% 9%)
Tints · Shades · Tones
Tints
- EAD9CC
- EDDDD1
- EFE2D7
- F1E6DD
- F4EAE2
- F6EEE8
- F8F2EE
- FAF7F3
- FDFBF9
Shades
- CAB9AC
- AC9E92
- 90837A
- 746A62
- 59514B
- 403A35
- 292421
- 13100E
- 030202
Tones
- DDCCBF
- D2C3B8
- C8BBB1
- BDB2A9
- B3AAA2
- A8A19B
- 9E9994
- 94908E
- 8A8887
Color harmonies
Complementary +180°
- E8D5C6
Soft Shoe
- C9DCEB
≈ Put on Ice
Analogous -30° +30°
- E8D5C6
Soft Shoe
- ECD2CD
≈ Cool Melon
- E0D9C4
≈ Sentimental Beige
Triadic +120° +240°
- E8D5C6
Soft Shoe
- C5E0DA
≈ Ulthuan Grey
- DCD5EA
≈ Light Purity
Split-complementary +150° +210°
- E8D5C6
Soft Shoe
- C4DFE4
≈ Trevi Fountain
- D1D8ED
≈ Sachet Cushion
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.42:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.76:1 · APCA Lc 83
Best text color: #000000
WCAG 14.76:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--soft-shoe: #e8d5c6;
--soft-shoe-rgb: 232 213 198;
--soft-shoe-oklch: oklch(0.884 0.029 60.7);
}
.element {
color: var(--soft-shoe);
background-color: hsl(26 42% 84%);
border-color: oklch(0.884 0.029 60.7);
}Tailwind CSS v4
@theme {
--color-soft-shoe: #e8d5c6;
--color-soft-shoe-50: #fcf3ed;
--color-soft-shoe-100: #efe6de;
--color-soft-shoe-200: #ded2c8;
--color-soft-shoe-300: #c3b4a8;
--color-soft-shoe-400: #ac9b8d;
--color-soft-shoe-500: #958273;
--color-soft-shoe-600: #7e6e61;
--color-soft-shoe-700: #65584e;
--color-soft-shoe-800: #4a4038;
--color-soft-shoe-900: #342c27;
--color-soft-shoe-950: #1f1915;
}SCSS
$soft-shoe: #e8d5c6;
$soft-shoe-rgb: 232, 213, 198;
$soft-shoe-light: mix(#fff, $soft-shoe, 20%);
$soft-shoe-dark: mix(#000, $soft-shoe, 20%);
.element {
color: $soft-shoe;
box-shadow: 0 0 0 2px rgba($soft-shoe, 0.35);
}