Nearest named color · #E85361
#E85361
Nearest named color: Aphrodisiac
#E85361 (rgb(232 83 97), hsl(354 76% 62%), oklch(0.646 0.184 18.5)) is closest to the named color Aphrodisiac. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E85361
oklch(0.646 0.184 18.5)
Color conversions
- HEX
- #e85361
- RGB
- rgb(232 83 97)
- HSL
- hsl(354 76% 62%)
- HWB
- hwb(354 33% 9%)
- OKLCH
- oklch(0.646 0.184 18.5)
- OKLab
- oklab(0.646 0.174 0.058)
- CIE Lab
- lab(56.96 59.13 25.19)
- LCH
- lch(56.96 64.28 23.1)
- CMYK
- cmyk(0% 64% 58% 9%)
Tints · Shades · Tones
Tints
- ED6770
- F17A7F
- F58B8F
- F89C9E
- FBADAE
- FDBEBE
- FFCECE
- FFDEDE
- FFEFEE
Shades
- CA4753
- AC3B46
- 903039
- 74252D
- 591B21
- 401115
- 29080B
- 130203
- 030000
Tones
- DF5A64
- D56168
- CC666B
- C26B6E
- B87071
- AE7474
- A37777
- 987A7A
- 8C7D7D
Color harmonies
Complementary +180°
- E85361
Aphrodisiac
- 00A2A7
≈ Ducati
Analogous -30° +30°
- E85361
Aphrodisiac
- DA55A0
≈ Bit of Berry
- DF6500
≈ Orange Danger
Triadic +120° +240°
- E85361
Aphrodisiac
- 4BA624
≈ Lawn Green
- 3F8BFB
≈ Bleuchâtel Blue
Split-complementary +150° +210°
- E85361
Aphrodisiac
- 00A77F
≈ Active Green
- 009CCA
≈ Isle of Capri
Tetradic +90° +180° +270°
- E85361
Aphrodisiac
- 969300
≈ Old Asparagus
- 00A2A7
≈ Ducati
- 8C75F5
≈ Bainganī
Contrast & accessibility
Ag
FailOn white
WCAG 3.59:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.84:1 · APCA Lc 39
Best text color: #000000
WCAG 5.84:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--aphrodisiac: #e85361;
--aphrodisiac-rgb: 232 83 97;
--aphrodisiac-oklch: oklch(0.646 0.184 18.5);
}
.element {
color: var(--aphrodisiac);
background-color: hsl(354 76% 62%);
border-color: oklch(0.646 0.184 18.5);
}Tailwind CSS v4
@theme {
--color-aphrodisiac: #e85361;
--color-aphrodisiac-50: #ffe1df;
--color-aphrodisiac-100: #ffd0ce;
--color-aphrodisiac-200: #ffb4b3;
--color-aphrodisiac-300: #ff8e8f;
--color-aphrodisiac-400: #f86973;
--color-aphrodisiac-500: #e63f55;
--color-aphrodisiac-600: #c23748;
--color-aphrodisiac-700: #9c2c39;
--color-aphrodisiac-800: #751e2b;
--color-aphrodisiac-900: #52141d;
--color-aphrodisiac-950: #37040d;
}SCSS
$aphrodisiac: #e85361;
$aphrodisiac-rgb: 232, 83, 97;
$aphrodisiac-light: mix(#fff, $aphrodisiac, 20%);
$aphrodisiac-dark: mix(#000, $aphrodisiac, 20%);
.element {
color: $aphrodisiac;
box-shadow: 0 0 0 2px rgba($aphrodisiac, 0.35);
}