#2A6E8A#2A6E8A
#2A6E8A لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.135؛ OKLCH L 50.8% C 0.081 H 228.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2A6E8A |
|---|---|
| RGB | rgb(42, 110, 138) |
| HSL | hsl(198, 53%, 35%) |
| HSV | hsv(198, 70%, 54%) |
| CMYK | cmyk(69.6%, 20.3%, 0%, 45.9%) |
| CIE-LAB | lab(43.47, -11.84, -21.63) |
| CIE-LCH | lch(43.47, 24.65, 241.30°) |
| OKLab | oklab(50.77% -0.053 -0.0605) |
| OKLCH | oklch(50.77% 0.081 228.8) |
| XYZ | xyz(11.1164, 13.4779, 26.0555) |
| Luminance | 0.1348 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Sea Blue
#047495
ΔE00 2.88
Ocean Blue (survey)
#03719C
ΔE00 4.17
Ugly Blue
#31668A
ΔE00 5.30
Peacock Blue
#016795
ΔE00 5.76
Cerulean
#007BA7
ΔE00 6.14
Metallic Blue
#4F738E
ΔE00 6.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2A6E8A #8A462A
analogous
#2A8A76 #2A6E8A #2A3E8A
triadic
#2A6E8A #8A2A6E #6E8A2A
tetradic
#2A6E8A #762A8A #8A462A #3E8A2A
square
#2A6E8A #762A8A #8A462A #3E8A2A
split-complementary
#2A6E8A #8A2A3E #8A762A
monochromatic
#0D232C #1C495B #2A6E8A #3893B9 #60AECF
إمكانية الوصول والتباين
On white
5.68
#2A6E8A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.70
#2A6E8A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #2A6E8A
5.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2A6E8A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2A6E8A | 1.00 | 5.68 | 3.70 | 5.68 |
| #FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.70 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5F6C8B
Deuteranopia (green-blind)
#52628A
Tritanopia (blue-blind)
#007677
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #2a6e8a; /* rgb */ color: rgb(42, 110, 138); /* oklch */ color: oklch(50.8% 0.081 228.8);
Tailwind
colors: {
custom: {
50: '#7097ac',
500: '#2a6e8a',
950: '#000000',
},
}SCSS
$custom: #2a6e8a; $custom-light: #7097ac; $custom-dark: #000000;
JSON
{
"hex": "#2a6e8a",
"rgb": {
"r": 42,
"g": 110,
"b": 138
},
"hsl": {
"h": 197.5,
"s": 53.333,
"l": 35.294
},
"oklch": {
"l": 0.50772,
"c": 0.0805,
"h": 228.8
},
"luminance": 0.13479
}Semantic roles & 50–950 ramp
primary
#2A6E8A
secondary
#B4755B
accent
#764BDD
background
#F7F9FA
surface
#EDF2F4
border
#C8CCCE
text
#080D10
muted
#7B7E7F