Nearest named color · #D80049
#D80049
Nearest named color: Demon Princess
#D80049 (rgb(216 0 73), hsl(340 100% 42%), oklch(0.561 0.224 14.7)) is closest to the named color Demon Princess. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D80049
oklch(0.561 0.224 14.7)
Color conversions
- HEX
- #d80049
- RGB
- rgb(216 0 73)
- HSL
- hsl(340 100% 42%)
- HWB
- hwb(340 0% 15%)
- OKLCH
- oklch(0.561 0.224 14.7)
- OKLab
- oklab(0.561 0.217 0.057)
- CIE Lab
- lab(46.55 72.51 25.72)
- LCH
- lch(46.55 76.94 19.5)
- CMYK
- cmyk(0% 100% 66% 15%)
Tints · Shades · Tones
Tints
- E0395A
- E7566B
- ED6E7D
- F2848F
- F699A1
- FAAEB3
- FDC2C6
- FFD7D9
- FFEBEC
Shades
- BC003E
- A00034
- 85002A
- 6B0020
- 530017
- 3B000E
- 250006
- 110002
- 020000
Tones
- D1284F
- CA3A55
- C3485A
- BB5360
- B35C65
- AA656B
- A16C70
- 977375
- 8C7A7B
Color harmonies
Complementary +180°
- D80049
Demon Princess
- 008686
≈ Green Lapis
Analogous -30° +30°
- D80049
Demon Princess
- C61C93
≈ Indian Lake
- BE4D00
≈ Crustose Lichen
Triadic +120° +240°
- D80049
Demon Princess
- 478800
≈ Mughal Green
- 0072DC
≈ Enchanting Sapphire
Split-complementary +150° +210°
- D80049
Demon Princess
- 008A63
≈ Chagall Green
- 0081A3
≈ Ahoy! Blue
Tetradic +90° +180° +270°
- D80049
Demon Princess
- 807800
≈ Tool Green
- 008686
≈ Green Lapis
- 6E52F0
≈ Candy Grape Fizz
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--demon-princess: #d80049;
--demon-princess-rgb: 216 0 73;
--demon-princess-oklch: oklch(0.561 0.224 14.7);
}
.element {
color: var(--demon-princess);
background-color: hsl(340 100% 42%);
border-color: oklch(0.561 0.224 14.7);
}Tailwind CSS v4
@theme {
--color-demon-princess: #d80049;
--color-demon-princess-50: #ffdcde;
--color-demon-princess-100: #ffc9cd;
--color-demon-princess-200: #ffabb2;
--color-demon-princess-300: #ff818e;
--color-demon-princess-400: #ff5573;
--color-demon-princess-500: #f60455;
--color-demon-princess-600: #d01248;
--color-demon-princess-700: #a71039;
--color-demon-princess-800: #7d082c;
--color-demon-princess-900: #58061e;
--color-demon-princess-950: #3b000e;
}SCSS
$demon-princess: #d80049;
$demon-princess-rgb: 216, 0, 73;
$demon-princess-light: mix(#fff, $demon-princess, 20%);
$demon-princess-dark: mix(#000, $demon-princess, 20%);
.element {
color: $demon-princess;
box-shadow: 0 0 0 2px rgba($demon-princess, 0.35);
}