#BD21AA#BD21AA
#BD21AA لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.148؛ OKLCH L 56.0% C 0.230 H 334.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BD21AA |
|---|---|
| RGB | rgb(189, 33, 170) |
| HSL | hsl(307, 70%, 44%) |
| HSV | hsv(307, 83%, 74%) |
| CMYK | cmyk(0%, 82.5%, 10.1%, 25.9%) |
| CIE-LAB | lab(45.37, 71.23, -36.66) |
| CIE-LCH | lch(45.37, 80.11, 332.77°) |
| OKLab | oklab(55.99% 0.2071 -0.1006) |
| OKLCH | oklch(55.99% 0.23 334.1) |
| XYZ | xyz(28.7861, 14.8114, 39.3653) |
| Luminance | 0.1481 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Ugly Purple
#A442A0
ΔE00 4.93
Barney
#AC1DB8
ΔE00 4.95
Purpley Pink
#C83CB9
ΔE00 5.34
Medium Purple
#9E43A2
ΔE00 5.80
Barney Purple
#A00498
ΔE00 7.18
Purply
#983FB2
ΔE00 7.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BD21AA #21BD34
analogous
#8221BD #BD21AA #BD215C
triadic
#BD21AA #AABD21 #21AABD
tetradic
#BD21AA #BD8221 #21BD34 #215CBD
square
#BD21AA #BD8221 #21BD34 #215CBD
split-complementary
#BD21AA #5CBD21 #21BD82
monochromatic
#550F4C #89187B #BD21AA #DD3ECA #E672D8
إمكانية الوصول والتباين
On white
5.30
#BD21AA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.96
#BD21AA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #BD21AA
5.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BD21AA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##BD21AA | 1.00 | 5.30 | 3.96 | 5.30 |
| #FFFFFF | 5.30 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.96 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.30 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1B5DAD
Deuteranopia (green-blind)
#5D73A7
Tritanopia (blue-blind)
#C63367
Achromatopsia (no color)
#6B6B6B
وسوم التصميم والكود
CSS
--color: #bd21aa; /* rgb */ color: rgb(189, 33, 170); /* oklch */ color: oklch(56.0% 0.230 334.1);
Tailwind
colors: {
custom: {
50: '#d572c4',
500: '#bd21aa',
950: '#000000',
},
}SCSS
$custom: #bd21aa; $custom-light: #d572c4; $custom-dark: #000000;
JSON
{
"hex": "#bd21aa",
"rgb": {
"r": 189,
"g": 33,
"b": 170
},
"hsl": {
"h": 307.308,
"s": 70.27,
"l": 43.529
},
"oklch": {
"l": 0.55986,
"c": 0.23028,
"h": 334.1
},
"luminance": 0.14809
}Semantic roles & 50–950 ramp
primary
#BD21AA
secondary
#6DCD78
accent
#ED503B
background
#FDF7FC
surface
#FBEDF8
border
#D4C8D1
text
#150912
muted
#837B81