Colore con nome più vicino · #D60E4A
#D60E4A
Colore con nome più vicino: Demon Princess
#D60E4A (rgb(214 14 74), hsl(342 88% 45%), oklch(0.561 0.219 14.7)) è più vicino al colore con nome Demon Princess. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D60E4A
oklch(0.561 0.219 14.7)
Conversioni di colore
- HEX
- #d60e4a
- RGB
- rgb(214 14 74)
- HSL
- hsl(342 88% 45%)
- HWB
- hwb(342 5% 16%)
- OKLCH
- oklch(0.561 0.219 14.7)
- OKLab
- oklab(0.561 0.212 0.056)
- CIE Lab
- lab(46.57 70.88 25.01)
- LCH
- lch(46.57 75.16 19.4)
- CMYK
- cmyk(0% 93% 65% 16%)
Tinte · Ombre · Toni
Tinte
- DE3C5B
- E5576C
- EB6F7E
- F0858F
- F59AA1
- F9AEB3
- FCC3C6
- FED7D9
- FFEBEC
Ombre
- BA0B3F
- 9E0735
- 84052A
- 6A0320
- 520217
- 3B010E
- 250006
- 100002
- 020000
Toni
- CF2C50
- C83D55
- C1495B
- BA5460
- B15D66
- A9656B
- A06D70
- 967476
- 8C7A7B
Armonie di colore
Complementare +180°
- D60E4A
Demon Princess
- 008686
≈ Green Lapis
Analogo -30° +30°
- D60E4A
Demon Princess
- C52192
≈ Indian Lake
- BE4D00
≈ Crustose Lichen
Triadico +120° +240°
- D60E4A
Demon Princess
- 478800
≈ Mughal Green
- 0072DC
≈ Enchanting Sapphire
Complementare divisa +150° +210°
- D60E4A
Demon Princess
- 008A63
≈ Chagall Green
- 0081A3
≈ Ahoy! Blue
Tetradico +90° +180° +270°
- D60E4A
Demon Princess
- 807700
≈ Tool Green
- 008686
≈ Green Lapis
- 6E54ED
≈ Candy Grape Fizz
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.02:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--demon-princess: #d60e4a;
--demon-princess-rgb: 214 14 74;
--demon-princess-oklch: oklch(0.561 0.219 14.7);
}
.element {
color: var(--demon-princess);
background-color: hsl(342 88% 45%);
border-color: oklch(0.561 0.219 14.7);
}Tailwind CSS v4
@theme {
--color-demon-princess: #d60e4a;
--color-demon-princess-50: #ffdcdf;
--color-demon-princess-100: #ffcace;
--color-demon-princess-200: #ffacb3;
--color-demon-princess-300: #ff828f;
--color-demon-princess-400: #ff5874;
--color-demon-princess-500: #f41556;
--color-demon-princess-600: #ce1949;
--color-demon-princess-700: #a6163a;
--color-demon-princess-800: #7c0c2d;
--color-demon-princess-900: #58091e;
--color-demon-princess-950: #3b000e;
}SCSS
$demon-princess: #d60e4a;
$demon-princess-rgb: 214, 14, 74;
$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);
}