#DA448A#DA448A
#DA448A لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.209؛ OKLCH L 61.9% C 0.196 H 355.8°. أفضل لون لنص المتن هو #000000 بتباين 5.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DA448A |
|---|---|
| RGB | rgb(218, 68, 138) |
| HSL | hsl(332, 67%, 56%) |
| HSV | hsv(332, 69%, 85%) |
| CMYK | cmyk(0%, 68.8%, 36.7%, 14.5%) |
| CIE-LAB | lab(52.82, 63.69, -5.74) |
| CIE-LCH | lch(52.82, 63.95, 354.85°) |
| OKLab | oklab(61.9% 0.1951 -0.0143) |
| OKLCH | oklch(61.9% 0.196 355.8) |
| XYZ | xyz(35.5702, 20.8788, 26.1967) |
| Luminance | 0.2087 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Darkish Pink
#DA467D
ΔE00 3.37
Electric Pink
#FF0490
ΔE00 5.67
Deeppink
#FF1493
ΔE00 5.69
Hot Pink (survey)
#FF028D
ΔE00 5.70
Strong Pink
#FF0789
ΔE00 5.86
Neon Pink
#FE019A
ΔE00 5.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DA448A #44DA94
analogous
#DA44D5 #DA448A #DA4944
triadic
#DA448A #8ADA44 #448ADA
tetradic
#DA448A #D5DA44 #44DA94 #4944DA
square
#DA448A #D5DA44 #44DA94 #4944DA
split-complementary
#DA448A #44DA49 #44D5DA
monochromatic
#891B4E #BC256B #DA448A #E477AA #EEAACA
إمكانية الوصول والتباين
On white
4.06
#DA448A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.17
#DA448A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DA448A
5.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DA448A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DA448A | 1.00 | 4.06 | 5.17 | 5.17 |
| #FFFFFF | 4.06 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.17 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5F6C8C
Deuteranopia (green-blind)
#898887
Tritanopia (blue-blind)
#EB3661
Achromatopsia (no color)
#7E7E7E
وسوم التصميم والكود
CSS
--color: #da448a; /* rgb */ color: rgb(218, 68, 138); /* oklch */ color: oklch(61.9% 0.196 355.8);
Tailwind
colors: {
custom: {
50: '#ea82ac',
500: '#da448a',
950: '#000000',
},
}SCSS
$custom: #da448a; $custom-light: #ea82ac; $custom-dark: #000000;
JSON
{
"hex": "#da448a",
"rgb": {
"r": 218,
"g": 68,
"b": 138
},
"hsl": {
"h": 332,
"s": 66.964,
"l": 56.078
},
"oklch": {
"l": 0.61895,
"c": 0.19563,
"h": 355.8
},
"luminance": 0.20875
}Semantic roles & 50–950 ramp
primary
#DA448A
secondary
#9EDCBF
accent
#EA9A3E
background
#FFF8FA
surface
#FEF0F4
border
#D6CBCE
text
#170B10
muted
#857C7F