#542E60#542E60
#542E60 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.047؛ OKLCH L 37.2% C 0.094 H 317.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #542E60 |
|---|---|
| RGB | rgb(84, 46, 96) |
| HSL | hsl(286, 35%, 28%) |
| HSV | hsv(286, 52%, 38%) |
| CMYK | cmyk(12.5%, 52.1%, 0%, 62.4%) |
| CIE-LAB | lab(25.81, 26.77, -22.75) |
| CIE-LCH | lch(25.81, 35.13, 319.63°) |
| OKLab | oklab(37.15% 0.0692 -0.0631) |
| OKLCH | oklch(37.15% 0.094 317.6) |
| XYZ | xyz(6.7442, 4.6836, 11.6128) |
| Luminance | 0.0468 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 6.41
Grape Purple
#5D1451
ΔE00 7.20
Plum Purple
#4E0550
ΔE00 8.26
Darkish Purple
#751973
ΔE00 8.56
Deep Violet
#490648
ΔE00 8.64
Eggplant Purple
#430541
ΔE00 9.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#542E60 #3A602E
analogous
#3B2E60 #542E60 #602E53
triadic
#542E60 #60542E #2E6054
tetradic
#542E60 #603B2E #3A602E #2E5360
square
#542E60 #603B2E #3A602E #2E5360
split-complementary
#542E60 #53602E #2E603B
monochromatic
#120A15 #301A37 #542E60 #784289 #9B59AF
إمكانية الوصول والتباين
On white
10.84
#542E60 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.94
#542E60 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #542E60
10.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##542E60 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##542E60 | 1.00 | 10.84 | 1.94 | 10.84 |
| #FFFFFF | 10.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.94 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#253B62
Deuteranopia (green-blind)
#303E5F
Tritanopia (blue-blind)
#543542
Achromatopsia (no color)
#3D3D3D
وسوم التصميم والكود
CSS
--color: #542e60; /* rgb */ color: rgb(84, 46, 96); /* oklch */ color: oklch(37.2% 0.094 317.6);
Tailwind
colors: {
custom: {
50: '#85688d',
500: '#542e60',
950: '#000000',
},
}SCSS
$custom: #542e60; $custom-light: #85688d; $custom-dark: #000000;
JSON
{
"hex": "#542e60",
"rgb": {
"r": 84,
"g": 46,
"b": 96
},
"hsl": {
"h": 285.6,
"s": 35.211,
"l": 27.843
},
"oklch": {
"l": 0.37154,
"c": 0.09361,
"h": 317.6
},
"luminance": 0.04683
}Semantic roles & 50–950 ramp
primary
#542E60
secondary
#669258
accent
#CB5D77
background
#F8F6F8
surface
#EFEBF0
border
#CAC6CB
text
#0B060C
muted
#7C7A7D