Named color · #E5D7D4
Lost Love
Lost Love is #E5D7D4: rgb(229 215 212), hsl(11 25% 86%), oklch(0.89 0.016 32). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Lost Love color name →
#E5D7D4
oklch(0.89 0.016 32)
Color conversions
- HEX
- #e5d7d4
- RGB
- rgb(229 215 212)
- HSL
- hsl(11 25% 86%)
- HWB
- hwb(11 83% 10%)
- OKLCH
- oklch(0.89 0.016 32)
- OKLab
- oklab(0.89 0.014 0.009)
- CIE Lab
- lab(87.07 4.6 3.31)
- LCH
- lch(87.07 5.67 35.7)
- CMYK
- cmyk(0% 6% 7% 10%)
Tints · Shades · Tones
Tints
- E8DBD8
- EADFDC
- EDE3E1
- EFE7E5
- F2EBE9
- F5EFEE
- F7F3F2
- FAF7F6
- FCFBFB
Shades
- C7BBB8
- AA9F9D
- 8E8583
- 726B69
- 585251
- 3F3B3A
- 282524
- 121110
- 030202
Tones
- DACECB
- D0C5C3
- C6BCBA
- BBB3B1
- B1AAA9
- A7A2A1
- 9D9998
- 939190
- 8A8888
Color harmonies
Complementary +180°
- E5D7D4
Lost Love
- CFDEE1
≈ High Sierra
Analogous -30° +30°
- E5D7D4
Lost Love
- E4D6DA
≈ Secret Scent
- E3D8D0
≈ Kangaroo Tan
Triadic +120° +240°
- E5D7D4
Lost Love
- D3DED5
≈ Alpine Peak
- D7DAE6
≈ Sueded Grey
Split-complementary +150° +210°
- E5D7D4
Lost Love
- D0DEDB
≈ Sweet Slumber
- D2DCE5
≈ London Lights
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.00:1 · APCA Lc 84
Best text color: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--lost-love: #e5d7d4;
--lost-love-rgb: 229 215 212;
--lost-love-oklch: oklch(0.89 0.016 32);
}
.element {
color: var(--lost-love);
background-color: hsl(11 25% 86%);
border-color: oklch(0.89 0.016 32);
}Tailwind CSS v4
@theme {
--color-lost-love: #e5d7d4;
--color-lost-love-50: #faf4f2;
--color-lost-love-100: #ede6e4;
--color-lost-love-200: #dbd2d0;
--color-lost-love-300: #bfb5b2;
--color-lost-love-400: #a89b98;
--color-lost-love-500: #918380;
--color-lost-love-600: #7a6e6c;
--color-lost-love-700: #625856;
--color-lost-love-800: #48403f;
--color-lost-love-900: #322c2b;
--color-lost-love-950: #1e1919;
}SCSS
$lost-love: #e5d7d4;
$lost-love-rgb: 229, 215, 212;
$lost-love-light: mix(#fff, $lost-love, 20%);
$lost-love-dark: mix(#000, $lost-love, 20%);
.element {
color: $lost-love;
box-shadow: 0 0 0 2px rgba($lost-love, 0.35);
}