Named color · #E1B9C2
Love in a Mist
Love in a Mist is #E1B9C2: rgb(225 185 194), hsl(347 40% 80%), oklch(0.823 0.047 3.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Love in a Mist color name →
#E1B9C2
oklch(0.823 0.047 3.1)
Color conversions
- HEX
- #e1b9c2
- RGB
- rgb(225 185 194)
- HSL
- hsl(347 40% 80%)
- HWB
- hwb(347 73% 12%)
- OKLCH
- oklch(0.823 0.047 3.1)
- OKLab
- oklab(0.823 0.047 0.003)
- CIE Lab
- lab(78.93 15.87 1.14)
- LCH
- lch(78.93 15.91 4.1)
- CMYK
- cmyk(0% 18% 14% 12%)
Tints · Shades · Tones
Tints
- E4C0C8
- E7C7CE
- EACED4
- EED5DA
- F1DCE0
- F4E3E6
- F6EAEC
- F9F1F3
- FCF8F9
Shades
- C4A0A8
- A7898F
- 8B7177
- 705B60
- 564649
- 3E3134
- 271E20
- 120D0E
- 020202
Tones
- D7B3BB
- CDADB4
- C3A8AE
- B9A2A7
- B09CA0
- A6969A
- 9C9193
- 938B8D
- 898686
Color harmonies
Complementary +180°
- E1B9C2
Love in a Mist
- A4D0C8
≈ Sea Inspired
Analogous -30° +30°
- E1B9C2
Love in a Mist
- D9BAD3
≈ Lavender Veil
- E2BBB2
≈ Sweet Peach
Triadic +120° +240°
- E1B9C2
Love in a Mist
- BFCBA9
≈ Pale Leaf
- ACC9E2
≈ Blue Veil
Split-complementary +150° +210°
- E1B9C2
Love in a Mist
- AFCFB7
≈ Misty Jade
- A3CED8
≈ Children’s Soft Blue
Tetradic +90° +180° +270°
- E1B9C2
Love in a Mist
- CFC5A3
≈ Sand Trail
- A4D0C8
≈ Sea Inspired
- BBC4E5
≈ Canterbury Bells
Contrast & accessibility
Ag
FailOn white
WCAG 1.76:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.92:1 · APCA Lc 70
Best text color: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Code snippets
CSS
:root {
--love-in-a-mist: #e1b9c2;
--love-in-a-mist-rgb: 225 185 194;
--love-in-a-mist-oklch: oklch(0.823 0.047 3.1);
}
.element {
color: var(--love-in-a-mist);
background-color: hsl(347 40% 80%);
border-color: oklch(0.823 0.047 3.1);
}Tailwind CSS v4
@theme {
--color-love-in-a-mist: #e1b9c2;
--color-love-in-a-mist-50: #fff0f3;
--color-love-in-a-mist-100: #f7e2e6;
--color-love-in-a-mist-200: #e7ccd1;
--color-love-in-a-mist-300: #ceaeb4;
--color-love-in-a-mist-400: #b8939c;
--color-love-in-a-mist-500: #a27983;
--color-love-in-a-mist-600: #89676f;
--color-love-in-a-mist-700: #6e5259;
--color-love-in-a-mist-800: #513c41;
--color-love-in-a-mist-900: #38292d;
--color-love-in-a-mist-950: #23171a;
}SCSS
$love-in-a-mist: #e1b9c2;
$love-in-a-mist-rgb: 225, 185, 194;
$love-in-a-mist-light: mix(#fff, $love-in-a-mist, 20%);
$love-in-a-mist-dark: mix(#000, $love-in-a-mist, 20%);
.element {
color: $love-in-a-mist;
box-shadow: 0 0 0 2px rgba($love-in-a-mist, 0.35);
}