Nearest named color · #E14B75
#E14B75
Nearest named color: Fever Dream
#E14B75 (rgb(225 75 117), hsl(343 71% 59%), oklch(0.631 0.187 7.3)) is closest to the named color Fever Dream. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E14B75
oklch(0.631 0.187 7.3)
Color conversions
- HEX
- #e14b75
- RGB
- rgb(225 75 117)
- HSL
- hsl(343 71% 59%)
- HWB
- hwb(343 29% 12%)
- OKLCH
- oklch(0.631 0.187 7.3)
- OKLab
- oklab(0.631 0.186 0.024)
- CIE Lab
- lab(54.94 61.07 10.46)
- LCH
- lch(54.94 61.96 9.7)
- CMYK
- cmyk(0% 67% 48% 12%)
Tints · Shades · Tones
Tints
- E76082
- EC748F
- F0869C
- F498AA
- F8A9B8
- FBBBC6
- FDCCD4
- FEDDE2
- FFEEF0
Shades
- C44065
- A73555
- 8B2B46
- 702137
- 561729
- 3E0E1C
- 27060F
- 120205
- 020001
Tones
- D95476
- D05B77
- C76178
- BE677A
- B56C7B
- AB717C
- A1757D
- 97797E
- 8C7D7F
Color harmonies
Complementary +180°
- E14B75
Fever Dream
- 009E95
≈ Caribbean Turquoise
Analogous -30° +30°
- E14B75
Fever Dream
- CD53B1
≈ Krameria
- E35425
≈ Scorpio Scarlet Seal
Triadic +120° +240°
- E14B75
Fever Dream
- 6E9A00
≈ Gecko’s Dream
- 008EE8
≈ Bleu de France
Split-complementary +150° +210°
- E14B75
Fever Dream
- 00A364
≈ Alhambra Green
- 0099B6
≈ Barrier Reef
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.84:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.46:1 · APCA Lc 37
Best text color: #000000
WCAG 5.46:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--fever-dream: #e14b75;
--fever-dream-rgb: 225 75 117;
--fever-dream-oklch: oklch(0.631 0.187 7.3);
}
.element {
color: var(--fever-dream);
background-color: hsl(343 71% 59%);
border-color: oklch(0.631 0.187 7.3);
}Tailwind CSS v4
@theme {
--color-fever-dream: #e14b75;
--color-fever-dream-50: #ffe0e9;
--color-fever-dream-100: #ffceda;
--color-fever-dream-200: #ffb2c3;
--color-fever-dream-300: #ff8ca3;
--color-fever-dream-400: #f6678b;
--color-fever-dream-500: #e43b70;
--color-fever-dream-600: #c1345f;
--color-fever-dream-700: #9b2a4c;
--color-fever-dream-800: #731d39;
--color-fever-dream-900: #521327;
--color-fever-dream-950: #360415;
}SCSS
$fever-dream: #e14b75;
$fever-dream-rgb: 225, 75, 117;
$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);
}