#541F46#541F46
#541F46 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.033؛ OKLCH L 33.3% C 0.095 H 339.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #541F46 |
|---|---|
| RGB | rgb(84, 31, 70) |
| HSL | hsl(316, 46%, 23%) |
| HSV | hsv(316, 63%, 33%) |
| CMYK | cmyk(0%, 63.1%, 16.7%, 67.1%) |
| CIE-LAB | lab(21.24, 29.94, -12.56) |
| CIE-LCH | lch(21.24, 32.47, 337.25°) |
| OKLab | oklab(33.33% 0.0883 -0.0338) |
| OKLCH | oklch(33.33% 0.095 339) |
| XYZ | xyz(5.2517, 3.3074, 6.1550) |
| Luminance | 0.0331 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Plum (survey)
#580F41
ΔE00 3.43
Grape Purple
#5D1451
ΔE00 4.39
Aubergine
#3D0734
ΔE00 6.34
Deep Violet
#490648
ΔE00 6.60
Eggplant Purple
#430541
ΔE00 6.70
Dark Plum
#3F012C
ΔE00 7.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#541F46 #1F542D
analogous
#471F54 #541F46 #541F2B
triadic
#541F46 #46541F #1F4654
tetradic
#541F46 #54471F #1F542D #1F2B54
square
#541F46 #54471F #1F542D #1F2B54
split-complementary
#541F46 #2B541F #1F5447
monochromatic
#160813 #270F21 #541F46 #812F6B #AD4091
إمكانية الوصول والتباين
On white
12.64
#541F46 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.66
#541F46 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #541F46
12.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##541F46 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##541F46 | 1.00 | 12.64 | 1.66 | 12.64 |
| #FFFFFF | 12.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.66 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#212E47
Deuteranopia (green-blind)
#313645
Tritanopia (blue-blind)
#59212F
Achromatopsia (no color)
#333333
وسوم التصميم والكود
CSS
--color: #541f46; /* rgb */ color: rgb(84, 31, 70); /* oklch */ color: oklch(33.3% 0.095 339.0);
Tailwind
colors: {
custom: {
50: '#865e79',
500: '#541f46',
950: '#000000',
},
}SCSS
$custom: #541f46; $custom-light: #865e79; $custom-dark: #000000;
JSON
{
"hex": "#541f46",
"rgb": {
"r": 84,
"g": 31,
"b": 70
},
"hsl": {
"h": 315.849,
"s": 46.087,
"l": 22.549
},
"oklch": {
"l": 0.3333,
"c": 0.09454,
"h": 339
},
"luminance": 0.03307
}Semantic roles & 50–950 ramp
primary
#541F46
secondary
#468958
accent
#D67552
background
#F8F5F7
surface
#F0E9ED
border
#CBC5C8
text
#0B0409
muted
#7C797B