#1A4E77#1A4E77
#1A4E77 لون داكن ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.070؛ OKLCH L 41.1% C 0.088 H 246.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #1A4E77 |
|---|---|
| RGB | rgb(26, 78, 119) |
| HSL | hsl(206, 64%, 28%) |
| HSV | hsv(206, 78%, 47%) |
| CMYK | cmyk(78.2%, 34.5%, 0%, 53.3%) |
| CIE-LAB | lab(31.81, -1.81, -28.27) |
| CIE-LCH | lch(31.81, 28.32, 266.33°) |
| OKLab | oklab(41.07% -0.0353 -0.0802) |
| OKLCH | oklch(41.07% 0.088 246.2) |
| XYZ | xyz(6.4789, 6.9995, 18.4588) |
| Luminance | 0.0700 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Light Navy
#155084
ΔE00 2.02
Deep Sea Blue
#015482
ΔE00 2.87
Prussian Blue
#004577
ΔE00 3.23
Dusk Blue
#26538D
ΔE00 4.15
Twilight Blue
#0A437A
ΔE00 4.32
Dark Slate Blue
#214761
ΔE00 4.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#1A4E77 #77431A
analogous
#1A7771 #1A4E77 #1A1F77
triadic
#1A4E77 #771A4E #4E771A
tetradic
#1A4E77 #711A77 #77431A #1F771A
square
#1A4E77 #711A77 #77431A #1F771A
split-complementary
#1A4E77 #771A1F #77711A
monochromatic
#051019 #0F2D45 #1A4E77 #256FA9 #388FD3
إمكانية الوصول والتباين
On white
8.75
#1A4E77 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.40
#1A4E77 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #1A4E77
8.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##1A4E77 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##1A4E77 | 1.00 | 8.75 | 2.40 | 8.75 |
| #FFFFFF | 8.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3B5079
Deuteranopia (green-blind)
#2E4776
Tritanopia (blue-blind)
#00585D
Achromatopsia (no color)
#4B4B4B
وسوم التصميم والكود
CSS
--color: #1a4e77; /* rgb */ color: rgb(26, 78, 119); /* oklch */ color: oklch(41.1% 0.088 246.2);
Tailwind
colors: {
custom: {
50: '#657f9e',
500: '#1a4e77',
950: '#000000',
},
}SCSS
$custom: #1a4e77; $custom-light: #657f9e; $custom-dark: #000000;
JSON
{
"hex": "#1a4e77",
"rgb": {
"r": 26,
"g": 78,
"b": 119
},
"hsl": {
"h": 206.452,
"s": 64.138,
"l": 28.431
},
"oklch": {
"l": 0.41072,
"c": 0.08768,
"h": 246.2
},
"luminance": 0.07
}Semantic roles & 50–950 ramp
primary
#1A4E77
secondary
#AC7041
accent
#8A41E7
background
#F6F7F9
surface
#EBEEF2
border
#C6C9CC
text
#060A0E
muted
#7A7C7E