最接近的命名颜色 · #D80047
#D80047
最接近的命名颜色: Demon Princess
#D80047（rgb(216 0 71)、hsl(340 100% 42%)、oklch(0.561 0.224 15.3)）最接近命名颜色 Demon Princess。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D80047
oklch(0.561 0.224 15.3)
颜色转换
- HEX
- #d80047
- RGB
- rgb(216 0 71)
- HSL
- hsl(340 100% 42%)
- HWB
- hwb(340 0% 15%)
- OKLCH
- oklch(0.561 0.224 15.3)
- OKLab
- oklab(0.561 0.216 0.059)
- CIE Lab
- lab(46.53 72.44 26.93)
- LCH
- lch(46.53 77.29 20.4)
- CMYK
- cmyk(0% 100% 67% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- E03958
- E7566A
- ED6E7C
- F2848E
- F699A0
- FAAEB2
- FDC2C5
- FFD7D8
- FFEBEB
深色调
- BC003D
- A00032
- 850028
- 6B001F
- 530016
- 3B000D
- 250006
- 110002
- 020000
灰色调
- D1284D
- CA3B53
- C34859
- BB535F
- B35C64
- AA656A
- A16C6F
- 977375
- 8C7A7B
配色和谐
互补色 +180°
- D80047
Demon Princess
- 008686
≈ Green Lapis
类似色 -30° +30°
- D80047
Demon Princess
- C71B91
≈ Indian Lake
- BD4E00
≈ Crustose Lichen
三角配色 +120° +240°
- D80047
Demon Princess
- 448800
≈ Mughal Green
- 0072DE
≈ Enchanting Sapphire
分裂互补色 +150° +210°
- D80047
Demon Princess
- 008A64
≈ Chagall Green
- 0081A4
≈ Kingfisher Sheen
四角配色 +90° +180° +270°
- D80047
Demon Princess
- 7F7800
≈ Tool Green
- 008686
≈ Green Lapis
- 7052EF
≈ Candy Grape Fizz
对比度与无障碍
Ag
AA白底
WCAG 5.23:1 · APCA Lc 73
Ag
Fail黑底
WCAG 4.01:1 · APCA Lc 28
最佳文字颜色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--demon-princess: #d80047;
--demon-princess-rgb: 216 0 71;
--demon-princess-oklch: oklch(0.561 0.224 15.3);
}
.element {
color: var(--demon-princess);
background-color: hsl(340 100% 42%);
border-color: oklch(0.561 0.224 15.3);
}Tailwind CSS v4
@theme {
--color-demon-princess: #d80047;
--color-demon-princess-50: #ffdcde;
--color-demon-princess-100: #ffc9cd;
--color-demon-princess-200: #ffabb1;
--color-demon-princess-300: #ff818d;
--color-demon-princess-400: #ff5572;
--color-demon-princess-500: #f60553;
--color-demon-princess-600: #d01247;
--color-demon-princess-700: #a71038;
--color-demon-princess-800: #7d082b;
--color-demon-princess-900: #59071d;
--color-demon-princess-950: #3b000d;
}SCSS
$demon-princess: #d80047;
$demon-princess-rgb: 216, 0, 71;
$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);
}