#533653#533653
#533653 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.051؛ OKLCH L 37.8% C 0.061 H 326.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #533653 |
|---|---|
| RGB | rgb(83, 54, 83) |
| HSL | hsl(300, 21%, 27%) |
| HSV | hsv(300, 35%, 33%) |
| CMYK | cmyk(0%, 34.9%, 0%, 67.5%) |
| CIE-LAB | lab(27.02, 18.47, -12.38) |
| CIE-LCH | lch(27.02, 22.24, 326.17°) |
| OKLab | oklab(37.82% 0.0511 -0.0336) |
| OKLCH | oklch(37.82% 0.061 326.7) |
| XYZ | xyz(6.4476, 5.1021, 8.8271) |
| Luminance | 0.0510 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 6.88
Dirty Purple
#734A65
ΔE00 8.56
Grape Purple
#5D1451
ΔE00 9.99
Bruise
#7E4071
ΔE00 10.42
Plum (survey)
#580F41
ΔE00 10.51
Purplish Brown
#6B4247
ΔE00 11.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#533653 #365336
analogous
#453653 #533653 #533645
triadic
#533653 #535336 #365353
tetradic
#533653 #534536 #365336 #364553
square
#533653 #534536 #365336 #364553
split-complementary
#533653 #455336 #365345
monochromatic
#130C13 #2E1E2E #533653 #784E78 #9C679C
إمكانية الوصول والتباين
On white
10.39
#533653 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.02
#533653 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #533653
10.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##533653 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##533653 | 1.00 | 10.39 | 2.02 | 10.39 |
| #FFFFFF | 10.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.02 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.39 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#343E54
Deuteranopia (green-blind)
#3B4152
Tritanopia (blue-blind)
#553941
Achromatopsia (no color)
#404040
وسوم التصميم والكود
CSS
--color: #533653; /* rgb */ color: rgb(83, 54, 83); /* oklch */ color: oklch(37.8% 0.061 326.7);
Tailwind
colors: {
custom: {
50: '#846d83',
500: '#533653',
950: '#000000',
},
}SCSS
$custom: #533653; $custom-light: #846d83; $custom-dark: #000000;
JSON
{
"hex": "#533653",
"rgb": {
"r": 83,
"g": 54,
"b": 83
},
"hsl": {
"h": 300,
"s": 21.168,
"l": 26.863
},
"oklch": {
"l": 0.37824,
"c": 0.06115,
"h": 326.7
},
"luminance": 0.05102
}Semantic roles & 50–950 ramp
primary
#533653
secondary
#618361
accent
#BE6A6A
background
#F8F6F8
surface
#EFEBEF
border
#CAC6CA
text
#0B070A
muted
#7C7A7C