#050D1E#050D1E
#050D1E لون داكن جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.004؛ OKLCH L 16.2% C 0.039 H 261.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 19.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #050D1E |
|---|---|
| RGB | rgb(5, 13, 30) |
| HSL | hsl(221, 71%, 7%) |
| HSV | hsv(221, 83%, 12%) |
| CMYK | cmyk(83.3%, 56.7%, 0%, 88.2%) |
| CIE-LAB | lab(3.74, 1.95, -11.50) |
| CIE-LCH | lch(3.74, 11.66, 279.60°) |
| OKLab | oklab(16.15% -0.0054 -0.0382) |
| OKLCH | oklch(16.15% 0.039 261.9) |
| XYZ | xyz(0.4408, 0.4138, 1.2847) |
| Luminance | 0.0041 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark
#1B2431
ΔE00 6.80
Dark Navy Blue
#00022E
ΔE00 9.38
Black
#000000
ΔE00 9.61
Midnight
#03012D
ΔE00 9.62
Almost Black
#070D0D
ΔE00 9.71
Navy (survey)
#01153E
ΔE00 9.80
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#050D1E #1E1605
analogous
#051A1E #050D1E #0A051E
triadic
#050D1E #1E050D #0D1E05
tetradic
#050D1E #1E051A #1E1605 #051E0A
square
#050D1E #1E051A #1E1605 #051E0A
split-complementary
#050D1E #1E0A05 #1A1E05
monochromatic
#040B1A #040B1A #050D1E #0E2452 #163A87
إمكانية الوصول والتباين
On white
19.39
#050D1E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.08
#050D1E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #050D1E
19.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##050D1E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##050D1E | 1.00 | 19.39 | 1.08 | 19.39 |
| #FFFFFF | 19.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.08 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.39 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#060F1F
Deuteranopia (green-blind)
#030C1E
Tritanopia (blue-blind)
#001113
Achromatopsia (no color)
#0D0D0D
وسوم التصميم والكود
CSS
--color: #050d1e; /* rgb */ color: rgb(5, 13, 30); /* oklch */ color: oklch(16.2% 0.039 261.9);
Tailwind
colors: {
custom: {
50: '#484d59',
500: '#050d1e',
950: '#000000',
},
}SCSS
$custom: #050d1e; $custom-light: #484d59; $custom-dark: #000000;
JSON
{
"hex": "#050d1e",
"rgb": {
"r": 5,
"g": 13,
"b": 30
},
"hsl": {
"h": 220.8,
"s": 71.429,
"l": 6.863
},
"oklch": {
"l": 0.16154,
"c": 0.03861,
"h": 261.9
},
"luminance": 0.00414
}Semantic roles & 50–950 ramp
primary
#050D1E
secondary
#5F4B20
accent
#B43AEE
background
#F4F4F5
surface
#E6E7E9
border
#C2C3C5
text
#000103
muted
#777778