Named color · #E88092
Melon Mist
Melon Mist is #E88092: rgb(232 128 146), hsl(350 69% 71%), oklch(0.719 0.129 9.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Melon Mist color name →
#E88092
oklch(0.719 0.129 9.8)
Color conversions
- HEX
- #e88092
- RGB
- rgb(232 128 146)
- HSL
- hsl(350 69% 71%)
- HWB
- hwb(350 50% 9%)
- OKLCH
- oklch(0.719 0.129 9.8)
- OKLab
- oklab(0.719 0.127 0.022)
- CIE Lab
- lab(65.88 42.26 9.13)
- LCH
- lch(65.88 43.23 12.2)
- CMYK
- cmyk(0% 45% 37% 9%)
Tints · Shades · Tones
Tints
- EC8D9C
- EF9AA7
- F2A7B2
- F5B3BC
- F8C0C7
- FACDD2
- FCD9DD
- FDE6E8
- FEF2F4
Shades
- CA6E7E
- AC5D6B
- 904D58
- 743D46
- 592E35
- 401F25
- 291216
- 130608
- 030101
Tones
- DE8190
- D4818E
- CA828D
- C0828B
- B58289
- AB8287
- A18285
- 968184
- 8B8182
Color harmonies
Complementary +180°
- E88092
Melon Mist
- 00BCB5
≈ Super Rare Jade
Analogous -30° +30°
- E88092
Melon Mist
- D983BE
≈ Pink Punk
- E88665
≈ Brewed Mustard
Triadic +120° +240°
- E88092
Melon Mist
- 8AB459
≈ Usumoegi Green
- 60A9F1
≈ Cerulean
Split-complementary +150° +210°
- E88092
Melon Mist
- 4DBD88
≈ Garish Green
- 0FB6DB
≈ Ocean Sigh
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.64:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.93:1 · APCA Lc 51
Best text color: #000000
WCAG 7.93:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--melon-mist: #e88092;
--melon-mist-rgb: 232 128 146;
--melon-mist-oklch: oklch(0.719 0.129 9.8);
}
.element {
color: var(--melon-mist);
background-color: hsl(350 69% 71%);
border-color: oklch(0.719 0.129 9.8);
}Tailwind CSS v4
@theme {
--color-melon-mist: #e88092;
--color-melon-mist-50: #ffe7eb;
--color-melon-mist-100: #ffd7dd;
--color-melon-mist-200: #ffbec6;
--color-melon-mist-300: #f19ca6;
--color-melon-mist-400: #df7c8d;
--color-melon-mist-500: #cc5d73;
--color-melon-mist-600: #ac4f61;
--color-melon-mist-700: #8a3f4e;
--color-melon-mist-800: #672d3a;
--color-melon-mist-900: #481e28;
--color-melon-mist-950: #2f0e16;
}SCSS
$melon-mist: #e88092;
$melon-mist-rgb: 232, 128, 146;
$melon-mist-light: mix(#fff, $melon-mist, 20%);
$melon-mist-dark: mix(#000, $melon-mist, 20%);
.element {
color: $melon-mist;
box-shadow: 0 0 0 2px rgba($melon-mist, 0.35);
}