#030B41#030B41
#030B41 لون داكن جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.006؛ OKLCH L 19.4% C 0.101 H 266.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #030B41 |
|---|---|
| RGB | rgb(3, 11, 65) |
| HSL | hsl(232, 91%, 13%) |
| HSV | hsv(232, 95%, 25%) |
| CMYK | cmyk(95.4%, 83.1%, 0%, 74.5%) |
| CIE-LAB | lab(5.78, 19.58, -34.37) |
| CIE-LCH | lch(5.78, 39.56, 299.67°) |
| OKLab | oklab(19.41% -0.0065 -0.1009) |
| OKLCH | oklch(19.41% 0.101 266.3) |
| XYZ | xyz(1.1110, 0.6402, 5.0650) |
| Luminance | 0.0064 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue (survey)
#001146
ΔE00 1.72
Midnight Blue (survey)
#020035
ΔE00 2.46
Dark Navy
#000435
ΔE00 2.81
Very Dark Blue
#000133
ΔE00 3.09
Night Blue
#040348
ΔE00 3.37
Navy (survey)
#01153E
ΔE00 4.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#030B41 #413903
analogous
#032A41 #030B41 #1A0341
triadic
#030B41 #41030B #0B4103
tetradic
#030B41 #41032A #413903 #03411A
square
#030B41 #41032A #413903 #03411A
split-complementary
#030B41 #411A03 #2A4103
monochromatic
#01051D #01051D #030B41 #06157B #081FB6
إمكانية الوصول والتباين
On white
18.62
#030B41 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.13
#030B41 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #030B41
18.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##030B41 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##030B41 | 1.00 | 18.62 | 1.13 | 18.62 |
| #FFFFFF | 18.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.62 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001643
Deuteranopia (green-blind)
#001040
Tritanopia (blue-blind)
#001B25
Achromatopsia (no color)
#131313
وسوم التصميم والكود
CSS
--color: #030b41; /* rgb */ color: rgb(3, 11, 65); /* oklch */ color: oklch(19.4% 0.101 266.3);
Tailwind
colors: {
custom: {
50: '#514a76',
500: '#030b41',
950: '#000000',
},
}SCSS
$custom: #030b41; $custom-light: #514a76; $custom-dark: #000000;
JSON
{
"hex": "#030b41",
"rgb": {
"r": 3,
"g": 11,
"b": 65
},
"hsl": {
"h": 232.258,
"s": 91.176,
"l": 13.333
},
"oklch": {
"l": 0.19409,
"c": 0.10111,
"h": 266.3
},
"luminance": 0.0064
}Semantic roles & 50–950 ramp
primary
#030B41
secondary
#83761D
accent
#E329FF
background
#F4F4F7
surface
#E7E7ED
border
#C3C3C8
text
#030108
muted
#78777B