#D42389#D42389
#D42389 لون متوسط وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.170؛ OKLCH L 58.4% C 0.223 H 352.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.77:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D42389 |
|---|---|
| RGB | rgb(212, 35, 137) |
| HSL | hsl(325, 72%, 48%) |
| HSV | hsv(325, 83%, 83%) |
| CMYK | cmyk(0%, 83.5%, 35.4%, 16.9%) |
| CIE-LAB | lab(48.27, 71.78, -12.05) |
| CIE-LCH | lch(48.27, 72.78, 350.47°) |
| OKLab | oklab(58.36% 0.2207 -0.0311) |
| OKLCH | oklch(58.36% 0.223 352) |
| XYZ | xyz(32.2699, 17.0093, 25.2459) |
| Luminance | 0.1701 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 3.62
Magenta (survey)
#C20078
ΔE00 5.52
Darkish Pink
#DA467D
ΔE00 7.58
Dark Hot Pink
#D90166
ΔE00 7.89
Neon Pink
#FE019A
ΔE00 7.91
Shocking Pink
#FE02A2
ΔE00 8.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D42389 #23D46E
analogous
#C623D4 #D42389 #D42330
triadic
#D42389 #89D423 #2389D4
tetradic
#D42389 #D4C623 #23D46E #2330D4
square
#D42389 #D4C623 #23D46E #2330D4
split-complementary
#D42389 #30D423 #23D4C6
monochromatic
#6B1245 #9F1A67 #D42389 #E252A5 #EB86C0
إمكانية الوصول والتباين
On white
4.77
#D42389 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.40
#D42389 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #D42389
4.77:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D42389 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##D42389 | 1.00 | 4.77 | 4.40 | 4.77 |
| #FFFFFF | 4.77 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.77 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#495F8B
Deuteranopia (green-blind)
#7B7E85
Tritanopia (blue-blind)
#E50355
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #d42389; /* rgb */ color: rgb(212, 35, 137); /* oklch */ color: oklch(58.4% 0.223 352.0);
Tailwind
colors: {
custom: {
50: '#e775ab',
500: '#d42389',
950: '#000000',
},
}SCSS
$custom: #d42389; $custom-light: #e775ab; $custom-dark: #000000;
JSON
{
"hex": "#d42389",
"rgb": {
"r": 212,
"g": 35,
"b": 137
},
"hsl": {
"h": 325.424,
"s": 71.66,
"l": 48.431
},
"oklch": {
"l": 0.58364,
"c": 0.2229,
"h": 352
},
"luminance": 0.17005
}Semantic roles & 50–950 ramp
primary
#D42389
secondary
#7ED4A3
accent
#EE8639
background
#FEF7FA
surface
#FDEEF4
border
#D5C9CE
text
#170A10
muted
#857C7F