Named color · #E5DAD8
Moxie
Moxie is #E5DAD8: rgb(229 218 216), hsl(9 20% 87%), oklch(0.897 0.012 29.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Moxie color name →
#E5DAD8
oklch(0.897 0.012 29.9)
Color conversions
- HEX
- #e5dad8
- RGB
- rgb(229 218 216)
- HSL
- hsl(9 20% 87%)
- HWB
- hwb(9 85% 10%)
- OKLCH
- oklch(0.897 0.012 29.9)
- OKLab
- oklab(0.897 0.011 0.006)
- CIE Lab
- lab(87.9 3.64 2.4)
- LCH
- lch(87.9 4.36 33.4)
- CMYK
- cmyk(0% 5% 6% 10%)
Tints · Shades · Tones
Tints
- E8DEDC
- EAE1E0
- EDE5E4
- EFE9E7
- F2ECEB
- F5F0EF
- F7F4F3
- FAF8F7
- FCFBFB
Shades
- C7BDBC
- AAA2A0
- 8E8785
- 726C6B
- 585453
- 3F3C3B
- 282525
- 121111
- 030202
Tones
- DAD1CF
- D0C7C6
- C6BEBD
- BBB5B4
- B1ACAB
- A7A3A2
- 9D9A9A
- 939191
- 8A8988
Color harmonies
Complementary +180°
- E5DAD8
Moxie
- D4DFE1
≈ Spa Blue
Analogous -30° +30°
- E5DAD8
Moxie
- E4DADC
≈ Faded Firebrick
- E3DBD5
≈ Gauzy White
Triadic +120° +240°
- E5DAD8
Moxie
- D7DFD9
≈ Rapier Silver
- D9DDE5
≈ Ash in the Air
Split-complementary +150° +210°
- E5DAD8
Moxie
- D5E0DD
≈ Spring Mist
- D6DEE4
≈ Billowing Clouds
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.35:1 · APCA Lc 86
Best text color: #000000
WCAG 15.35:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--moxie: #e5dad8;
--moxie-rgb: 229 218 216;
--moxie-oklch: oklch(0.897 0.012 29.9);
}
.element {
color: var(--moxie);
background-color: hsl(9 20% 87%);
border-color: oklch(0.897 0.012 29.9);
}Tailwind CSS v4
@theme {
--color-moxie: #e5dad8;
--color-moxie-50: #f9f4f3;
--color-moxie-100: #ece6e5;
--color-moxie-200: #d9d2d1;
--color-moxie-300: #beb5b3;
--color-moxie-400: #a69c9a;
--color-moxie-500: #8e8381;
--color-moxie-600: #786f6d;
--color-moxie-700: #605957;
--color-moxie-800: #474140;
--color-moxie-900: #312d2c;
--color-moxie-950: #1d1a19;
}SCSS
$moxie: #e5dad8;
$moxie-rgb: 229, 218, 216;
$moxie-light: mix(#fff, $moxie, 20%);
$moxie-dark: mix(#000, $moxie, 20%);
.element {
color: $moxie;
box-shadow: 0 0 0 2px rgba($moxie, 0.35);
}