#5B2D66#5B2D66
#5B2D66 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.051؛ OKLCH L 38.3% C 0.106 H 319.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5B2D66 |
|---|---|
| RGB | rgb(91, 45, 102) |
| HSL | hsl(288, 39%, 29%) |
| HSV | hsv(288, 56%, 40%) |
| CMYK | cmyk(10.8%, 55.9%, 0%, 60%) |
| CIE-LAB | lab(26.91, 30.94, -24.86) |
| CIE-LCH | lch(26.91, 39.69, 321.22°) |
| OKLab | oklab(38.28% 0.0811 -0.069) |
| OKLCH | oklch(38.28% 0.106 319.6) |
| XYZ | xyz(7.6507, 5.0605, 13.1416) |
| Luminance | 0.0506 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 5.85
Grape Purple
#5D1451
ΔE00 6.66
Darkish Purple
#751973
ΔE00 6.70
Plum Purple
#4E0550
ΔE00 7.96
Deep Violet
#490648
ΔE00 8.67
Rich Purple
#720058
ΔE00 9.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5B2D66 #38662D
analogous
#3F2D66 #5B2D66 #662D55
triadic
#5B2D66 #665B2D #2D665B
tetradic
#5B2D66 #663F2D #38662D #2D5566
square
#5B2D66 #663F2D #38662D #2D5566
split-complementary
#5B2D66 #55662D #2D663F
monochromatic
#130915 #351A3C #5B2D66 #814090 #A358B5
إمكانية الوصول والتباين
On white
10.44
#5B2D66 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.01
#5B2D66 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #5B2D66
10.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5B2D66 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5B2D66 | 1.00 | 10.44 | 2.01 | 10.44 |
| #FFFFFF | 10.44 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.01 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.44 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#223C68
Deuteranopia (green-blind)
#314164
Tritanopia (blue-blind)
#5B3545
Achromatopsia (no color)
#404040
وسوم التصميم والكود
CSS
--color: #5b2d66; /* rgb */ color: rgb(91, 45, 102); /* oklch */ color: oklch(38.3% 0.106 319.6);
Tailwind
colors: {
custom: {
50: '#8b6892',
500: '#5b2d66',
950: '#000000',
},
}SCSS
$custom: #5b2d66; $custom-light: #8b6892; $custom-dark: #000000;
JSON
{
"hex": "#5b2d66",
"rgb": {
"r": 91,
"g": 45,
"b": 102
},
"hsl": {
"h": 288.421,
"s": 38.776,
"l": 28.824
},
"oklch": {
"l": 0.38283,
"c": 0.10645,
"h": 319.6
},
"luminance": 0.0506
}Semantic roles & 50–950 ramp
primary
#5B2D66
secondary
#649857
accent
#CF5970
background
#F8F6F9
surface
#F0EBF1
border
#CBC6CB
text
#0C060D
muted
#7D7A7E