أقرب لون مسمّى · #D80048
#D80048
أقرب لون مسمّى: Demon Princess
#D80048 (rgb(216 0 72)، hsl(340 100% 42%)، oklch(0.561 0.224 15)) أقرب إلى اللون المسمّى Demon Princess. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D80048
oklch(0.561 0.224 15)
تحويلات الألوان
- HEX
- #d80048
- RGB
- rgb(216 0 72)
- HSL
- hsl(340 100% 42%)
- HWB
- hwb(340 0% 15%)
- OKLCH
- oklch(0.561 0.224 15)
- OKLab
- oklab(0.561 0.217 0.058)
- CIE Lab
- lab(46.54 72.48 26.33)
- LCH
- lch(46.54 77.11 20)
- CMYK
- cmyk(0% 100% 67% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E03959
- E7566B
- ED6E7C
- F2848E
- F699A0
- FAAEB3
- FDC2C5
- FFD7D8
- FFEBEC
درجات داكنة
- BC003D
- A00033
- 850029
- 6B001F
- 530016
- 3B000D
- 250006
- 110002
- 020000
درجات رمادية
- D1284E
- CA3B54
- C3485A
- BB535F
- B35C65
- AA656A
- A16C70
- 977375
- 8C7A7B
تناسق الألوان
متمم +180°
- D80048
Demon Princess
- 008686
≈ Green Lapis
متجاور -30° +30°
- D80048
Demon Princess
- C71C92
≈ Indian Lake
- BD4D00
≈ Crustose Lichen
ثلاثي +120° +240°
- D80048
Demon Princess
- 458800
≈ Mughal Green
- 0072DD
≈ Enchanting Sapphire
متمم منقسم +150° +210°
- D80048
Demon Princess
- 008A63
≈ Chagall Green
- 0081A3
≈ Ahoy! Blue
رباعي +90° +180° +270°
- D80048
Demon Princess
- 807800
≈ Tool Green
- 008686
≈ Green Lapis
- 6F52EF
≈ Candy Grape Fizz
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.23:1 · APCA Lc 73
Ag
Failعلى الأسود
WCAG 4.01:1 · APCA Lc 29
أفضل لون للنص: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--demon-princess: #d80048;
--demon-princess-rgb: 216 0 72;
--demon-princess-oklch: oklch(0.561 0.224 15);
}
.element {
color: var(--demon-princess);
background-color: hsl(340 100% 42%);
border-color: oklch(0.561 0.224 15);
}Tailwind CSS v4
@theme {
--color-demon-princess: #d80048;
--color-demon-princess-50: #ffdcde;
--color-demon-princess-100: #ffc9cd;
--color-demon-princess-200: #ffabb2;
--color-demon-princess-300: #ff818d;
--color-demon-princess-400: #ff5573;
--color-demon-princess-500: #f60554;
--color-demon-princess-600: #d01247;
--color-demon-princess-700: #a71039;
--color-demon-princess-800: #7d082b;
--color-demon-princess-900: #59061d;
--color-demon-princess-950: #3b000d;
}SCSS
$demon-princess: #d80048;
$demon-princess-rgb: 216, 0, 72;
$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);
}