#092147#092147
#092147 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.016؛ OKLCH L 25.4% C 0.077 H 259.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #092147 |
|---|---|
| RGB | rgb(9, 33, 71) |
| HSL | hsl(217, 78%, 16%) |
| HSV | hsv(217, 87%, 28%) |
| CMYK | cmyk(87.3%, 53.5%, 0%, 72.2%) |
| CIE-LAB | lab(13.23, 7.11, -26.44) |
| CIE-LCH | lch(13.23, 27.37, 285.05°) |
| OKLab | oklab(25.42% -0.0142 -0.076) |
| OKLCH | oklch(25.42% 0.077 259.4) |
| XYZ | xyz(1.7934, 1.6005, 6.1744) |
| Luminance | 0.0160 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 3.43
Navy (survey)
#01153E
ΔE00 4.03
Marine
#042E60
ΔE00 5.33
Navy Blue (survey)
#001146
ΔE00 6.18
Dark Navy
#000435
ΔE00 7.59
Dark Navy Blue
#00022E
ΔE00 7.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#092147 #472F09
analogous
#094047 #092147 #100947
triadic
#092147 #470921 #214709
tetradic
#092147 #470940 #472F09 #094710
square
#092147 #470940 #472F09 #094710
split-complementary
#092147 #471009 #404709
monochromatic
#030D1B #030D1B #092147 #103A7D #1753B4
إمكانية الوصول والتباين
On white
15.91
#092147 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.32
#092147 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #092147
15.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##092147 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##092147 | 1.00 | 15.91 | 1.32 | 15.91 |
| #FFFFFF | 15.91 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.32 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.91 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0C2548
Deuteranopia (green-blind)
#001F46
Tritanopia (blue-blind)
#002A30
Achromatopsia (no color)
#222222
وسوم التصميم والكود
CSS
--color: #092147; /* rgb */ color: rgb(9, 33, 71); /* oklch */ color: oklch(25.4% 0.077 259.4);
Tailwind
colors: {
custom: {
50: '#545b7a',
500: '#092147',
950: '#000000',
},
}SCSS
$custom: #092147; $custom-light: #545b7a; $custom-dark: #000000;
JSON
{
"hex": "#092147",
"rgb": {
"r": 9,
"g": 33,
"b": 71
},
"hsl": {
"h": 216.774,
"s": 77.5,
"l": 15.686
},
"oklch": {
"l": 0.25425,
"c": 0.07728,
"h": 259.4
},
"luminance": 0.01601
}Semantic roles & 50–950 ramp
primary
#092147
secondary
#846027
accent
#AA34F4
background
#F5F5F7
surface
#E9E9ED
border
#C5C5C8
text
#030409
muted
#78797B