Named color · #E8E1D5
Dagger Moth
Dagger Moth is #E8E1D5: rgb(232 225 213), hsl(38 29% 87%), oklch(0.912 0.018 81.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Dagger Moth color name →
#E8E1D5
oklch(0.912 0.018 81.3)
Color conversions
- HEX
- #e8e1d5
- RGB
- rgb(232 225 213)
- HSL
- hsl(38 29% 87%)
- HWB
- hwb(38 84% 9%)
- OKLCH
- oklch(0.912 0.018 81.3)
- OKLab
- oklab(0.912 0.003 0.018)
- CIE Lab
- lab(89.84 0.94 6.78)
- LCH
- lch(89.84 6.85 82.1)
- CMYK
- cmyk(0% 3% 8% 9%)
Tints · Shades · Tones
Tints
- EAE4D9
- EDE7DD
- EFEAE2
- F1EDE6
- F3F0EA
- F6F3EE
- F8F6F2
- FAF9F7
- FDFCFB
Shades
- CAC4B9
- ACA79E
- 908B83
- 74706A
- 595651
- 403E3A
- 292724
- 131210
- 030202
Tones
- DDD7CC
- D2CDC3
- C8C3BB
- BDB9B2
- B3AFAA
- A8A6A1
- 9E9C99
- 949390
- 8A8988
Color harmonies
Complementary +180°
- E8E1D5
Dagger Moth
- DBE2EE
≈ Vaguely Violet
Analogous -30° +30°
- E8E1D5
Dagger Moth
- ECDFD7
≈ Sablewood
- E2E3D6
≈ Lily of the Valley White
Triadic +120° +240°
- E8E1D5
Dagger Moth
- D5E6E7
≈ Interdimensional Portal
- E8DEE9
≈ Lilac Frost
Split-complementary +150° +210°
- E8E1D5
Dagger Moth
- D7E4EC
≈ Snow Shadow
- E2E0ED
≈ Velvet Scarf
Tetradic +90° +180° +270°
- E8E1D5
Dagger Moth
- D7E6E0
≈ Blush Mint
- DBE2EE
≈ Vaguely Violet
- ECDDE3
≈ Wishy-Washy Mauve
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.16:1 · APCA Lc 89
Best text color: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--dagger-moth: #e8e1d5;
--dagger-moth-rgb: 232 225 213;
--dagger-moth-oklch: oklch(0.912 0.018 81.3);
}
.element {
color: var(--dagger-moth);
background-color: hsl(38 29% 87%);
border-color: oklch(0.912 0.018 81.3);
}Tailwind CSS v4
@theme {
--color-dagger-moth: #e8e1d5;
--color-dagger-moth-50: #f8f5ef;
--color-dagger-moth-100: #ebe7e1;
--color-dagger-moth-200: #d8d4cc;
--color-dagger-moth-300: #bcb7ad;
--color-dagger-moth-400: #a49e93;
--color-dagger-moth-500: #8c8579;
--color-dagger-moth-600: #777167;
--color-dagger-moth-700: #5f5a52;
--color-dagger-moth-800: #46423c;
--color-dagger-moth-900: #302d29;
--color-dagger-moth-950: #1c1a17;
}SCSS
$dagger-moth: #e8e1d5;
$dagger-moth-rgb: 232, 225, 213;
$dagger-moth-light: mix(#fff, $dagger-moth, 20%);
$dagger-moth-dark: mix(#000, $dagger-moth, 20%);
.element {
color: $dagger-moth;
box-shadow: 0 0 0 2px rgba($dagger-moth, 0.35);
}