#320537#320537
#320537 لون داكن جداً ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.011؛ OKLCH L 23.3% C 0.098 H 323.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #320537 |
|---|---|
| RGB | rgb(50, 5, 55) |
| HSL | hsl(294, 83%, 12%) |
| HSV | hsv(294, 91%, 22%) |
| CMYK | cmyk(9.1%, 90.9%, 0%, 78.4%) |
| CIE-LAB | lab(9.50, 29.46, -20.87) |
| CIE-LCH | lch(9.50, 36.11, 324.69°) |
| OKLab | oklab(23.29% 0.079 -0.0583) |
| OKLCH | oklch(23.29% 0.098 323.6) |
| XYZ | xyz(2.0592, 1.0626, 3.7103) |
| Luminance | 0.0106 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Purple
#35063E
ΔE00 1.64
Very Dark Purple
#2A0134
ΔE00 2.04
Deep Purple
#36013F
ΔE00 2.39
Eggplant
#380835
ΔE00 2.40
Dark Violet
#34013F
ΔE00 2.54
Midnight Purple
#280137
ΔE00 3.01
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#320537 #0A3705
analogous
#190537 #320537 #370523
triadic
#320537 #373205 #053732
tetradic
#320537 #371905 #0A3705 #052337
square
#320537 #371905 #0A3705 #052337
split-complementary
#320537 #233705 #053719
monochromatic
#19031C #19031C #320537 #650A6F #980FA7
إمكانية الوصول والتباين
On white
17.32
#320537 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.21
#320537 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #320537
17.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##320537 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##320537 | 1.00 | 17.32 | 1.21 | 17.32 |
| #FFFFFF | 17.32 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.32 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001738
Deuteranopia (green-blind)
#0E1C36
Tritanopia (blue-blind)
#330E1E
Achromatopsia (no color)
#1A1A1A
وسوم التصميم والكود
CSS
--color: #320537; /* rgb */ color: rgb(50, 5, 55); /* oklch */ color: oklch(23.3% 0.098 323.6);
Tailwind
colors: {
custom: {
50: '#6c4b6e',
500: '#320537',
950: '#000000',
},
}SCSS
$custom: #320537; $custom-light: #6c4b6e; $custom-dark: #000000;
JSON
{
"hex": "#320537",
"rgb": {
"r": 50,
"g": 5,
"b": 55
},
"hsl": {
"h": 294,
"s": 83.333,
"l": 11.765
},
"oklch": {
"l": 0.23289,
"c": 0.09819,
"h": 323.6
},
"luminance": 0.01062
}Semantic roles & 50–950 ramp
primary
#320537
secondary
#287820
accent
#FA2E43
background
#F6F4F6
surface
#ECE7EC
border
#C7C3C7
text
#070107
muted
#7A777A