#241A33#241A33
#241A33 لون داكن جداً وخافت من عائلة بنفسجي. الإضاءة النسبية 0.014؛ OKLCH L 24.3% C 0.048 H 301.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.53:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #241A33 |
|---|---|
| RGB | rgb(36, 26, 51) |
| HSL | hsl(264, 32%, 15%) |
| HSV | hsv(264, 49%, 20%) |
| CMYK | cmyk(29.4%, 49%, 0%, 80%) |
| CIE-LAB | lab(11.64, 11.48, -14.72) |
| CIE-LCH | lch(11.64, 18.66, 307.94°) |
| OKLab | oklab(24.29% 0.025 -0.0411) |
| OKLCH | oklch(24.29% 0.048 301.4) |
| XYZ | xyz(1.6944, 1.3529, 3.3032) |
| Luminance | 0.0135 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Midnight
#03012D
ΔE00 8.97
Navy (survey)
#01153E
ΔE00 9.45
Dark Navy Blue
#00022E
ΔE00 9.45
Very Dark Purple
#2A0134
ΔE00 10.00
Midnight Purple
#280137
ΔE00 10.12
Navy Blue
#1B2A4A
ΔE00 10.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#241A33 #29331A
analogous
#1A1C33 #241A33 #311A33
triadic
#241A33 #33241A #1A3324
tetradic
#241A33 #331A1C #29331A #1A3331
square
#241A33 #331A1C #29331A #1A3331
split-complementary
#241A33 #33311A #1C331A
monochromatic
#0E0A14 #0E0A14 #241A33 #412F5C #5D4384
إمكانية الوصول والتباين
On white
16.53
#241A33 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.27
#241A33 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #241A33
16.53:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##241A33 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##241A33 | 1.00 | 16.53 | 1.27 | 16.53 |
| #FFFFFF | 16.53 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.53 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#141F34
Deuteranopia (green-blind)
#161F32
Tritanopia (blue-blind)
#211E24
Achromatopsia (no color)
#1F1F1F
وسوم التصميم والكود
CSS
--color: #241a33; /* rgb */ color: rgb(36, 26, 51); /* oklch */ color: oklch(24.3% 0.048 301.4);
Tailwind
colors: {
custom: {
50: '#5f566a',
500: '#241a33',
950: '#000000',
},
}SCSS
$custom: #241a33; $custom-light: #5f566a; $custom-dark: #000000;
JSON
{
"hex": "#241a33",
"rgb": {
"r": 36,
"g": 26,
"b": 51
},
"hsl": {
"h": 264,
"s": 32.468,
"l": 15.098
},
"oklch": {
"l": 0.24289,
"c": 0.04807,
"h": 301.4
},
"luminance": 0.01353
}Semantic roles & 50–950 ramp
primary
#241A33
secondary
#586841
accent
#C95F9E
background
#F5F5F6
surface
#E9E9EB
border
#C5C5C6
text
#040306
muted
#79787A