Nearest named color · #D5124B
#D5124B
Nearest named color: Demon Princess
#D5124B (rgb(213 18 75), hsl(342 84% 45%), oklch(0.56 0.217 14.4)) is closest to the named color Demon Princess. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D5124B
oklch(0.56 0.217 14.4)
Color conversions
- HEX
- #d5124b
- RGB
- rgb(213 18 75)
- HSL
- hsl(342 84% 45%)
- HWB
- hwb(342 7% 16%)
- OKLCH
- oklch(0.56 0.217 14.4)
- OKLab
- oklab(0.56 0.21 0.054)
- CIE Lab
- lab(46.53 70.22 24.29)
- LCH
- lch(46.53 74.31 19.1)
- CMYK
- cmyk(0% 92% 65% 16%)
Tints · Shades · Tones
Tints
- DD3D5C
- E4586D
- EA6F7E
- F08590
- F49AA2
- F8AFB4
- FBC3C6
- FED7D9
- FFEBEC
Shades
- B90E40
- 9E0A35
- 83072B
- 6A0421
- 510217
- 3A010E
- 240106
- 100002
- 020000
Tones
- CE2E51
- C83E56
- C04A5B
- B95461
- B15D66
- A9656B
- A06D71
- 967476
- 8C7A7B
Color harmonies
Complementary +180°
- D5124B
Demon Princess
- 008685
≈ Green Lapis
Analogous -30° +30°
- D5124B
Demon Princess
- C42392
≈ Indian Lake
- BE4C00
≈ Crustose Lichen
Triadic +120° +240°
- D5124B
Demon Princess
- 488800
≈ Mughal Green
- 0073DB
≈ Bright Navy Blue
Split-complementary +150° +210°
- D5124B
Demon Princess
- 008A62
≈ Absinthe Turquoise
- 0081A2
≈ Ahoy! Blue
Tetradic +90° +180° +270°
- D5124B
Demon Princess
- 807700
≈ Tool Green
- 008685
≈ Green Lapis
- 6D54EC
≈ Candy Grape Fizz
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--demon-princess: #d5124b;
--demon-princess-rgb: 213 18 75;
--demon-princess-oklch: oklch(0.56 0.217 14.4);
}
.element {
color: var(--demon-princess);
background-color: hsl(342 84% 45%);
border-color: oklch(0.56 0.217 14.4);
}Tailwind CSS v4
@theme {
--color-demon-princess: #d5124b;
--color-demon-princess-50: #ffdce0;
--color-demon-princess-100: #ffcacf;
--color-demon-princess-200: #ffacb4;
--color-demon-princess-300: #ff8390;
--color-demon-princess-400: #ff5976;
--color-demon-princess-500: #f31957;
--color-demon-princess-600: #cd1c4a;
--color-demon-princess-700: #a5173b;
--color-demon-princess-800: #7b0e2d;
--color-demon-princess-900: #57091e;
--color-demon-princess-950: #3a000e;
}SCSS
$demon-princess: #d5124b;
$demon-princess-rgb: 213, 18, 75;
$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);
}