#112E79#112E79
#112E79 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.035؛ OKLCH L 33.3% C 0.133 H 264.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #112E79 |
|---|---|
| RGB | rgb(17, 46, 121) |
| HSL | hsl(223, 75%, 27%) |
| HSV | hsv(223, 86%, 47%) |
| CMYK | cmyk(86%, 62%, 0%, 52.5%) |
| CIE-LAB | lab(21.77, 20.16, -45.66) |
| CIE-LCH | lch(21.77, 49.91, 293.82°) |
| OKLab | oklab(33.31% -0.0134 -0.1321) |
| OKLCH | oklch(33.31% 0.133 264.2) |
| XYZ | xyz(4.6581, 3.4531, 18.5065) |
| Luminance | 0.0345 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Marine
#042E60
ΔE00 4.84
Marine Blue
#01386A
ΔE00 6.11
Midnight Blue
#191970
ΔE00 6.90
Darkish Blue
#014182
ΔE00 7.22
Sapphire (survey)
#2138AB
ΔE00 7.81
Twilight Blue
#0A437A
ΔE00 8.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#112E79 #795C11
analogous
#116279 #112E79 #281179
triadic
#112E79 #79112E #2E7911
tetradic
#112E79 #791162 #795C11 #117928
square
#112E79 #791162 #795C11 #117928
split-complementary
#112E79 #792811 #627911
monochromatic
#040A1B #091A43 #112E79 #1942AF #2459E0
إمكانية الوصول والتباين
On white
12.42
#112E79 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.69
#112E79 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #112E79
12.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##112E79 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##112E79 | 1.00 | 12.42 | 1.69 | 12.42 |
| #FFFFFF | 12.42 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.69 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.42 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#00397B
Deuteranopia (green-blind)
#003078
Tritanopia (blue-blind)
#00414E
Achromatopsia (no color)
#343434
وسوم التصميم والكود
CSS
--color: #112e79; /* rgb */ color: rgb(17, 46, 121); /* oklch */ color: oklch(33.3% 0.133 264.2);
Tailwind
colors: {
custom: {
50: '#6466a0',
500: '#112e79',
950: '#000000',
},
}SCSS
$custom: #112e79; $custom-light: #6466a0; $custom-dark: #000000;
JSON
{
"hex": "#112e79",
"rgb": {
"r": 17,
"g": 46,
"b": 121
},
"hsl": {
"h": 223.269,
"s": 75.362,
"l": 27.059
},
"oklch": {
"l": 0.33306,
"c": 0.13274,
"h": 264.2
},
"luminance": 0.03454
}Semantic roles & 50–950 ramp
primary
#112E79
secondary
#B08E36
accent
#BE36F2
background
#F6F6F9
surface
#EBEBF2
border
#C6C6CC
text
#06050F
muted
#7A7A7E