#543761#543761
#543761 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.055؛ OKLCH L 38.9% C 0.077 H 314.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #543761 |
|---|---|
| RGB | rgb(84, 55, 97) |
| HSL | hsl(281, 28%, 30%) |
| HSV | hsv(281, 43%, 38%) |
| CMYK | cmyk(13.4%, 43.3%, 0%, 62%) |
| CIE-LAB | lab(28.06, 21.44, -19.89) |
| CIE-LCH | lch(28.06, 29.24, 317.15°) |
| OKLab | oklab(38.85% 0.0546 -0.0549) |
| OKLCH | oklch(38.85% 0.077 314.8) |
| XYZ | xyz(7.1797, 5.4804, 11.9866) |
| Luminance | 0.0548 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 6.68
Grape Purple
#5D1451
ΔE00 9.66
Bruise
#7E4071
ΔE00 9.73
Dirty Purple
#734A65
ΔE00 9.87
Darkish Purple
#751973
ΔE00 10.72
Plum Purple
#4E0550
ΔE00 11.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#543761 #446137
analogous
#3F3761 #543761 #613759
triadic
#543761 #615437 #376154
tetradic
#543761 #613F37 #446137 #375961
square
#543761 #613F37 #446137 #375961
split-complementary
#543761 #596137 #37613F
monochromatic
#110B14 #32213A #543761 #764D88 #9669AA
إمكانية الوصول والتباين
On white
10.02
#543761 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.10
#543761 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #543761
10.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##543761 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##543761 | 1.00 | 10.02 | 2.10 | 10.02 |
| #FFFFFF | 10.02 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.02 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#304063
Deuteranopia (green-blind)
#374360
Tritanopia (blue-blind)
#533D47
Achromatopsia (no color)
#424242
وسوم التصميم والكود
CSS
--color: #543761; /* rgb */ color: rgb(84, 55, 97); /* oklch */ color: oklch(38.9% 0.077 314.8);
Tailwind
colors: {
custom: {
50: '#856e8e',
500: '#543761',
950: '#000000',
},
}SCSS
$custom: #543761; $custom-light: #856e8e; $custom-dark: #000000;
JSON
{
"hex": "#543761",
"rgb": {
"r": 84,
"g": 55,
"b": 97
},
"hsl": {
"h": 281.429,
"s": 27.632,
"l": 29.804
},
"oklch": {
"l": 0.38852,
"c": 0.07739,
"h": 314.8
},
"luminance": 0.0548
}Semantic roles & 50–950 ramp
primary
#543761
secondary
#719162
accent
#C46482
background
#F8F6F8
surface
#EFECF0
border
#CAC7CB
text
#0B070C
muted
#7C7A7D