Named color · #E2DCD4
Milky
Milky is #E2DCD4: rgb(226 220 212), hsl(34 19% 86%), oklch(0.897 0.013 75.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Milky color name →
#E2DCD4
oklch(0.897 0.013 75.4)
Color conversions
- HEX
- #e2dcd4
- RGB
- rgb(226 220 212)
- HSL
- hsl(34 19% 86%)
- HWB
- hwb(34 83% 11%)
- OKLCH
- oklch(0.897 0.013 75.4)
- OKLab
- oklab(0.897 0.003 0.012)
- CIE Lab
- lab(88.07 1.09 4.71)
- LCH
- lch(88.07 4.83 77)
- CMYK
- cmyk(0% 3% 6% 11%)
Tints · Shades · Tones
Tints
- E5DFD8
- E8E3DC
- EBE6E1
- EEEAE5
- F0EDE9
- F3F1EE
- F6F4F2
- F9F8F6
- FCFBFB
Shades
- C4BFB8
- A8A39D
- 8C8883
- 716E69
- 575451
- 3E3C3A
- 272624
- 121110
- 030202
Tones
- D8D2CB
- CEC9C3
- C4BFBA
- BAB6B1
- B0ADA9
- A6A4A1
- 9C9B98
- 939290
- 898988
Color harmonies
Complementary +180°
- E2DCD4
Milky
- D8DEE6
≈ Angélique Grey
Analogous -30° +30°
- E2DCD4
Milky
- E5DBD6
≈ Cultured Pearl
- DEDED4
≈ Gulf Breeze
Triadic +120° +240°
- E2DCD4
Milky
- D4E0E0
≈ Pristine Petal
- E0DBE3
≈ He Loves Me
Split-complementary +150° +210°
- E2DCD4
Milky
- D5DFE3
≈ Blue Smoke
- DCDCE5
≈ Violet Breeze
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.42:1 · APCA Lc 86
Best text color: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--milky: #e2dcd4;
--milky-rgb: 226 220 212;
--milky-oklch: oklch(0.897 0.013 75.4);
}
.element {
color: var(--milky);
background-color: hsl(34 19% 86%);
border-color: oklch(0.897 0.013 75.4);
}Tailwind CSS v4
@theme {
--color-milky: #e2dcd4;
--color-milky-50: #f7f5f1;
--color-milky-100: #eae7e3;
--color-milky-200: #d7d4ce;
--color-milky-300: #bbb7b0;
--color-milky-400: #a39d96;
--color-milky-500: #8b857d;
--color-milky-600: #76716a;
--color-milky-700: #5e5a55;
--color-milky-800: #45423e;
--color-milky-900: #302d2a;
--color-milky-950: #1c1a18;
}SCSS
$milky: #e2dcd4;
$milky-rgb: 226, 220, 212;
$milky-light: mix(#fff, $milky, 20%);
$milky-dark: mix(#000, $milky, 20%);
.element {
color: $milky;
box-shadow: 0 0 0 2px rgba($milky, 0.35);
}