#5D4166#5D4166
#5D4166 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.071؛ OKLCH L 42.1% C 0.069 H 317.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5D4166 |
|---|---|
| RGB | rgb(93, 65, 102) |
| HSL | hsl(285, 22%, 33%) |
| HSV | hsv(285, 36%, 40%) |
| CMYK | cmyk(8.8%, 36.3%, 0%, 60%) |
| CIE-LAB | lab(31.96, 19.49, -16.96) |
| CIE-LCH | lch(31.96, 25.84, 318.97°) |
| OKLab | oklab(42.12% 0.0511 -0.0464) |
| OKLCH | oklch(42.12% 0.069 317.7) |
| XYZ | xyz(8.8024, 7.0673, 13.4682) |
| Luminance | 0.0707 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 6.50
Dirty Purple
#734A65
ΔE00 6.99
Bruise
#7E4071
ΔE00 8.11
Muted Purple
#805B87
ΔE00 10.47
Dull Purple
#84597E
ΔE00 10.61
Light Eggplant
#894585
ΔE00 10.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5D4166 #4A6641
analogous
#4A4166 #5D4166 #66415D
triadic
#5D4166 #665D41 #41665D
tetradic
#5D4166 #664A41 #4A6641 #415D66
square
#5D4166 #664A41 #4A6641 #415D66
split-complementary
#5D4166 #5D6641 #41664A
monochromatic
#19111B #3B2941 #5D4166 #7F598B #9D78A9
إمكانية الوصول والتباين
On white
8.70
#5D4166 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.41
#5D4166 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #5D4166
8.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5D4166 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5D4166 | 1.00 | 8.70 | 2.41 | 8.70 |
| #FFFFFF | 8.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.70 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3C4967
Deuteranopia (green-blind)
#434C65
Tritanopia (blue-blind)
#5D454F
Achromatopsia (no color)
#4B4B4B
وسوم التصميم والكود
CSS
--color: #5d4166; /* rgb */ color: rgb(93, 65, 102); /* oklch */ color: oklch(42.1% 0.069 317.7);
Tailwind
colors: {
custom: {
50: '#8b7691',
500: '#5d4166',
950: '#000000',
},
}SCSS
$custom: #5d4166; $custom-light: #8b7691; $custom-dark: #000000;
JSON
{
"hex": "#5d4166",
"rgb": {
"r": 93,
"g": 65,
"b": 102
},
"hsl": {
"h": 285.405,
"s": 22.156,
"l": 32.745
},
"oklch": {
"l": 0.42121,
"c": 0.06903,
"h": 317.7
},
"luminance": 0.07067
}Semantic roles & 50–950 ramp
primary
#5D4166
secondary
#77956E
accent
#BF697E
background
#F8F7F8
surface
#F0EDF0
border
#CBC8CB
text
#0C080D
muted
#7D7B7D