#35167A#35167A
#35167A لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.027؛ OKLCH L 31.9% C 0.154 H 288.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.57:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #35167A |
|---|---|
| RGB | rgb(53, 22, 122) |
| HSL | hsl(259, 69%, 28%) |
| HSV | hsv(259, 82%, 48%) |
| CMYK | cmyk(56.6%, 82%, 0%, 52.2%) |
| CIE-LAB | lab(18.95, 39.97, -50.83) |
| CIE-LCH | lch(18.95, 64.66, 308.18°) |
| OKLab | oklab(31.95% 0.0487 -0.1462) |
| OKLCH | oklch(31.95% 0.154 288.4) |
| XYZ | xyz(5.2669, 2.7356, 18.6591) |
| Luminance | 0.0274 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Indigo (survey)
#380282
ΔE00 3.05
Midnight Blue
#191970
ΔE00 4.39
Indigo
#4B0082
ΔE00 4.55
Royal
#0C1793
ΔE00 5.44
Dark Royal Blue
#02066F
ΔE00 5.75
Deep Blue
#040273
ΔE00 5.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#35167A #5B7A16
analogous
#16297A #35167A #67167A
triadic
#35167A #7A3516 #167A35
tetradic
#35167A #7A1629 #5B7A16 #167A67
square
#35167A #7A1629 #5B7A16 #167A67
split-complementary
#35167A #7A6716 #297A16
monochromatic
#0B051A #1E0D46 #35167A #4C1FAE #6531DA
إمكانية الوصول والتباين
On white
13.57
#35167A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.55
#35167A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #35167A
13.57:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##35167A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##35167A | 1.00 | 13.57 | 1.55 | 13.57 |
| #FFFFFF | 13.57 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.57 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#00307D
Deuteranopia (green-blind)
#002B78
Tritanopia (blue-blind)
#183348
Achromatopsia (no color)
#2E2E2E
وسوم التصميم والكود
CSS
--color: #35167a; /* rgb */ color: rgb(53, 22, 122); /* oklch */ color: oklch(31.9% 0.154 288.4);
Tailwind
colors: {
custom: {
50: '#7558a1',
500: '#35167a',
950: '#000000',
},
}SCSS
$custom: #35167a; $custom-light: #7558a1; $custom-dark: #000000;
JSON
{
"hex": "#35167a",
"rgb": {
"r": 53,
"g": 22,
"b": 122
},
"hsl": {
"h": 258.6,
"s": 69.444,
"l": 28.235
},
"oklch": {
"l": 0.31947,
"c": 0.15413,
"h": 288.4
},
"luminance": 0.02736
}Semantic roles & 50–950 ramp
primary
#35167A
secondary
#8CAF3D
accent
#EC3CB5
background
#F7F5FA
surface
#EEE9F4
border
#C9C5CE
text
#09030F
muted
#7B787F