#401BBB#401BBB
#401BBB لون داكن وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.055؛ OKLCH L 40.6% C 0.222 H 280.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #401BBB |
|---|---|
| RGB | rgb(64, 27, 187) |
| HSL | hsl(254, 75%, 42%) |
| HSV | hsv(254, 86%, 73%) |
| CMYK | cmyk(65.8%, 85.6%, 0%, 26.7%) |
| CIE-LAB | lab(28.01, 57.41, -75.76) |
| CIE-LCH | lch(28.01, 95.05, 307.16°) |
| OKLab | oklab(40.57% 0.0405 -0.2186) |
| OKLCH | oklch(40.57% 0.222 280.5) |
| XYZ | xyz(11.4731, 5.4608, 47.4535) |
| Luminance | 0.0546 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Indigo Blue
#3A18B1
ΔE00 1.66
Violet Blue
#510AC9
ΔE00 2.84
True Blue
#010FCC
ΔE00 3.69
Ultramarine Blue
#1805DB
ΔE00 4.12
Mediumblue
#0000CD
ΔE00 4.17
Ultramarine
#2000B1
ΔE00 4.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#401BBB #96BB1B
analogous
#1B46BB #401BBB #901BBB
triadic
#401BBB #BB401B #1BBB40
tetradic
#401BBB #BB1B46 #96BB1B #1BBB90
square
#401BBB #BB1B46 #96BB1B #1BBB90
split-complementary
#401BBB #BB901B #46BB1B
monochromatic
#1B0C50 #2E1386 #401BBB #5A32E1 #8567E9
إمكانية الوصول والتباين
On white
10.04
#401BBB on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.09
#401BBB on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #401BBB
10.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##401BBB | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##401BBB | 1.00 | 10.04 | 2.09 | 10.04 |
| #FFFFFF | 10.04 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.04 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0047BF
Deuteranopia (green-blind)
#003CB8
Tritanopia (blue-blind)
#00506F
Achromatopsia (no color)
#424242
وسوم التصميم والكود
CSS
--color: #401bbb; /* rgb */ color: rgb(64, 27, 187); /* oklch */ color: oklch(40.6% 0.222 280.5);
Tailwind
colors: {
custom: {
50: '#8760d1',
500: '#401bbb',
950: '#000000',
},
}SCSS
$custom: #401bbb; $custom-light: #8760d1; $custom-dark: #000000;
JSON
{
"hex": "#401bbb",
"rgb": {
"r": 64,
"g": 27,
"b": 187
},
"hsl": {
"h": 253.875,
"s": 74.766,
"l": 41.961
},
"oklch": {
"l": 0.40574,
"c": 0.22236,
"h": 280.5
},
"luminance": 0.05462
}Semantic roles & 50–950 ramp
primary
#401BBB
secondary
#B6CE63
accent
#F136C6
background
#F9F5FD
surface
#F1EAFA
border
#CBC6D3
text
#0D0514
muted
#7E7983