#D53DBA#D53DBA
#D53DBA لون فاتح وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.210؛ OKLCH L 62.5% C 0.227 H 336.1°. أفضل لون لنص المتن هو #000000 بتباين 5.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D53DBA |
|---|---|
| RGB | rgb(213, 61, 186) |
| HSL | hsl(311, 64%, 54%) |
| HSV | hsv(311, 71%, 84%) |
| CMYK | cmyk(0%, 71.4%, 12.7%, 16.5%) |
| CIE-LAB | lab(52.98, 70.91, -33.81) |
| CIE-LCH | lch(52.98, 78.55, 334.51°) |
| OKLab | oklab(62.47% 0.2079 -0.0921) |
| OKLCH | oklch(62.47% 0.227 336.1) |
| XYZ | xyz(37.9728, 21.0322, 48.5046) |
| Luminance | 0.2103 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Pinky Purple
#C94CBE
ΔE00 2.58
Purpley Pink
#C83CB9
ΔE00 2.77
Purpleish Pink
#DF4EC8
ΔE00 4.20
Hot Magenta
#F504C9
ΔE00 4.81
Pinkish Purple
#D648D7
ΔE00 5.01
Fuchsia (survey)
#ED0DD9
ΔE00 5.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D53DBA #3DD558
analogous
#A43DD5 #D53DBA #D53D6E
triadic
#D53DBA #BAD53D #3DBAD5
tetradic
#D53DBA #D5A43D #3DD558 #3D6ED5
square
#D53DBA #D5A43D #3DD558 #3D6ED5
split-complementary
#D53DBA #6ED53D #3DD5A4
monochromatic
#7D1B6B #AF2697 #D53DBA #E06FCC #EBA2DE
إمكانية الوصول والتباين
On white
4.03
#D53DBA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.21
#D53DBA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D53DBA
5.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D53DBA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D53DBA | 1.00 | 4.03 | 5.21 | 5.21 |
| #FFFFFF | 4.03 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.21 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3F70BD
Deuteranopia (green-blind)
#7387B6
Tritanopia (blue-blind)
#E04777
Achromatopsia (no color)
#7E7E7E
وسوم التصميم والكود
CSS
--color: #d53dba; /* rgb */ color: rgb(213, 61, 186); /* oklch */ color: oklch(62.5% 0.227 336.1);
Tailwind
colors: {
custom: {
50: '#e680cf',
500: '#d53dba',
950: '#000000',
},
}SCSS
$custom: #d53dba; $custom-light: #e680cf; $custom-dark: #000000;
JSON
{
"hex": "#d53dba",
"rgb": {
"r": 213,
"g": 61,
"b": 186
},
"hsl": {
"h": 310.658,
"s": 64.407,
"l": 53.725
},
"oklch": {
"l": 0.62473,
"c": 0.22737,
"h": 336.1
},
"luminance": 0.21029
}Semantic roles & 50–950 ramp
primary
#D53DBA
secondary
#96D7A2
accent
#E75E40
background
#FEF8FC
surface
#FDEFF9
border
#D5CAD2
text
#160B14
muted
#847C82