#401B64#401B64
#401B64 لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.028؛ OKLCH L 31.8% C 0.123 H 303.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #401B64 |
|---|---|
| RGB | rgb(64, 27, 100) |
| HSL | hsl(270, 57%, 25%) |
| HSV | hsv(270, 73%, 39%) |
| CMYK | cmyk(36%, 73%, 0%, 60.8%) |
| CIE-LAB | lab(19.20, 33.17, -36.10) |
| CIE-LCH | lch(19.20, 49.02, 312.58°) |
| OKLab | oklab(31.81% 0.0673 -0.1027) |
| OKLCH | oklch(31.81% 0.123 303.2) |
| XYZ | xyz(4.8060, 2.7940, 12.3402) |
| Luminance | 0.0279 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Royal Purple (survey)
#4B006E
ΔE00 4.94
Dark Indigo
#1F0954
ΔE00 6.65
Indigo
#4B0082
ΔE00 6.72
Plum Purple
#4E0550
ΔE00 7.32
Indigo (survey)
#380282
ΔE00 7.37
Midnight Blue
#191970
ΔE00 7.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#401B64 #3F641B
analogous
#1C1B64 #401B64 #641B63
triadic
#401B64 #64401B #1B6440
tetradic
#401B64 #641C1B #3F641B #1B6364
square
#401B64 #641C1B #3F641B #1B6364
split-complementary
#401B64 #63641B #1B641C
monochromatic
#0F0718 #210E34 #401B64 #5F2894 #7E35C4
إمكانية الوصول والتباين
On white
13.47
#401B64 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.56
#401B64 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #401B64
13.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##401B64 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##401B64 | 1.00 | 13.47 | 1.56 | 13.47 |
| #FFFFFF | 13.47 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.47 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#002E66
Deuteranopia (green-blind)
#002E62
Tritanopia (blue-blind)
#392C3D
Achromatopsia (no color)
#2F2F2F
وسوم التصميم والكود
CSS
--color: #401b64; /* rgb */ color: rgb(64, 27, 100); /* oklch */ color: oklch(31.8% 0.123 303.2);
Tailwind
colors: {
custom: {
50: '#785a91',
500: '#401b64',
950: '#000000',
},
}SCSS
$custom: #401b64; $custom-light: #785a91; $custom-dark: #000000;
JSON
{
"hex": "#401b64",
"rgb": {
"r": 64,
"g": 27,
"b": 100
},
"hsl": {
"h": 270.411,
"s": 57.48,
"l": 24.902
},
"oklch": {
"l": 0.31807,
"c": 0.12275,
"h": 303.2
},
"luminance": 0.02794
}Semantic roles & 50–950 ramp
primary
#401B64
secondary
#6D9941
accent
#E14793
background
#F7F5F8
surface
#EEE9F0
border
#C9C5CB
text
#09040D
muted
#7B797D