Nearest named color · #E15B79
#E15B79
Nearest named color: Fever Dream
#E15B79 (rgb(225 91 121), hsl(347 69% 62%), oklch(0.65 0.168 9.3)) is closest to the named color Fever Dream. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E15B79
oklch(0.65 0.168 9.3)
Color conversions
- HEX
- #e15b79
- RGB
- rgb(225 91 121)
- HSL
- hsl(347 69% 62%)
- HWB
- hwb(347 36% 12%)
- OKLCH
- oklch(0.65 0.168 9.3)
- OKLab
- oklab(0.65 0.166 0.027)
- CIE Lab
- lab(57.47 54.94 11.6)
- LCH
- lch(57.47 56.16 11.9)
- CMYK
- cmyk(0% 60% 46% 12%)
Tints · Shades · Tones
Tints
- E66D86
- EB7E92
- EF8F9F
- F39FAD
- F7AFBA
- F9BFC7
- FCCFD5
- FDDFE3
- FEEFF1
Shades
- C44E68
- A74158
- 8B3548
- 702939
- 561E2B
- 3E131D
- 270910
- 120305
- 020001
Tones
- D8617A
- CF667B
- C66A7B
- BD6E7C
- B4727D
- AA757D
- A0787E
- 967B7F
- 8B7E7F
Color harmonies
Complementary +180°
- E15B79
Fever Dream
- 00A59E
≈ Jadestone
Analogous -30° +30°
- E15B79
Fever Dream
- CF60B0
≈ Pú Táo Zǐ Purple
- E16336
≈ Precious Pumpkin
Triadic +120° +240°
- E15B79
Fever Dream
- 6EA211
≈ Herbal Lift
- 2193F0
≈ Karimun Blue
Split-complementary +150° +210°
- E15B79
Fever Dream
- 00AA6E
≈ Banaue Jade
- 009FC0
≈ Delos Blue
Tetradic +90° +180° +270°
- E15B79
Fever Dream
- A49000
≈ Romaine Green
- 00A59E
≈ Jadestone
- 7C80F3
≈ Orchid
Contrast & accessibility
Ag
FailOn white
WCAG 3.51:1 · APCA Lc 62
Ag
AAOn black
WCAG 5.97:1 · APCA Lc 40
Best text color: #000000
WCAG 5.97:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--fever-dream: #e15b79;
--fever-dream-rgb: 225 91 121;
--fever-dream-oklch: oklch(0.65 0.168 9.3);
}
.element {
color: var(--fever-dream);
background-color: hsl(347 69% 62%);
border-color: oklch(0.65 0.168 9.3);
}Tailwind CSS v4
@theme {
--color-fever-dream: #e15b79;
--color-fever-dream-50: #ffe2e9;
--color-fever-dream-100: #ffd1da;
--color-fever-dream-200: #ffb6c2;
--color-fever-dream-300: #ff91a2;
--color-fever-dream-400: #ef6e89;
--color-fever-dream-500: #dd496e;
--color-fever-dream-600: #bb3f5d;
--color-fever-dream-700: #96324a;
--color-fever-dream-800: #702338;
--color-fever-dream-900: #4f1726;
--color-fever-dream-950: #340715;
}SCSS
$fever-dream: #e15b79;
$fever-dream-rgb: 225, 91, 121;
$fever-dream-light: mix(#fff, $fever-dream, 20%);
$fever-dream-dark: mix(#000, $fever-dream, 20%);
.element {
color: $fever-dream;
box-shadow: 0 0 0 2px rgba($fever-dream, 0.35);
}