#080A32#080A32
#080A32 لون داكن جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.005؛ OKLCH L 17.7% C 0.077 H 273.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 19.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #080A32 |
|---|---|
| RGB | rgb(8, 10, 50) |
| HSL | hsl(237, 72%, 11%) |
| HSV | hsv(237, 84%, 20%) |
| CMYK | cmyk(84%, 80%, 0%, 80.4%) |
| CIE-LAB | lab(4.51, 12.70, -25.53) |
| CIE-LCH | lch(4.51, 28.51, 296.45°) |
| OKLab | oklab(17.73% 0.0041 -0.0772) |
| OKLCH | oklch(17.73% 0.077 273) |
| XYZ | xyz(0.7842, 0.4989, 3.0720) |
| Luminance | 0.0050 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Midnight
#03012D
ΔE00 1.46
Dark Navy Blue
#00022E
ΔE00 1.78
Dark Navy
#000435
ΔE00 2.29
Very Dark Blue
#000133
ΔE00 2.36
Midnight Blue (survey)
#020035
ΔE00 2.88
Navy (survey)
#01153E
ΔE00 3.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#080A32 #323008
analogous
#081F32 #080A32 #1B0832
triadic
#080A32 #32080A #0A3208
tetradic
#080A32 #32081F #323008 #08321B
square
#080A32 #32081F #323008 #08321B
split-complementary
#080A32 #321B08 #1F3208
monochromatic
#04051A #04051A #080A32 #101567 #191F9C
إمكانية الوصول والتباين
On white
19.09
#080A32 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#080A32 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #080A32
19.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##080A32 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##080A32 | 1.00 | 19.09 | 1.10 | 19.09 |
| #FFFFFF | 19.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.09 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001233
Deuteranopia (green-blind)
#000E31
Tritanopia (blue-blind)
#00151C
Achromatopsia (no color)
#101010
وسوم التصميم والكود
CSS
--color: #080a32; /* rgb */ color: rgb(8, 10, 50); /* oklch */ color: oklch(17.7% 0.077 273.0);
Tailwind
colors: {
custom: {
50: '#4d4b6a',
500: '#080a32',
950: '#000000',
},
}SCSS
$custom: #080a32; $custom-light: #4d4b6a; $custom-dark: #000000;
JSON
{
"hex": "#080a32",
"rgb": {
"r": 8,
"g": 10,
"b": 50
},
"hsl": {
"h": 237.143,
"s": 72.414,
"l": 11.373
},
"oklch": {
"l": 0.17728,
"c": 0.0773,
"h": 273
},
"luminance": 0.00499
}Semantic roles & 50–950 ramp
primary
#080A32
secondary
#716D25
accent
#E639EF
background
#F4F4F6
surface
#E7E7EB
border
#C3C3C6
text
#020106
muted
#78777A