#337EAF#337EAF
#337EAF لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.187؛ OKLCH L 56.9% C 0.105 H 240.9°. أفضل لون لنص المتن هو #000000 بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #337EAF |
|---|---|
| RGB | rgb(51, 126, 175) |
| HSL | hsl(204, 55%, 44%) |
| HSV | hsv(204, 71%, 69%) |
| CMYK | cmyk(70.9%, 28%, 0%, 31.4%) |
| CIE-LAB | lab(50.36, -6.75, -32.66) |
| CIE-LCH | lch(50.36, 33.35, 258.32°) |
| OKLab | oklab(56.87% -0.0512 -0.0922) |
| OKLCH | oklch(56.87% 0.105 240.9) |
| XYZ | xyz(16.5610, 18.7188, 43.2894) |
| Luminance | 0.1872 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Nice Blue
#107AB0
ΔE00 2.40
Steel Blue
#4682B4
ΔE00 2.89
Cool Blue
#4984B8
ΔE00 3.81
Cerulean
#007BA7
ΔE00 4.23
Stormy Blue
#507B9C
ΔE00 4.32
Bluish
#2976BB
ΔE00 4.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#337EAF #AF6433
analogous
#33AFA2 #337EAF #3340AF
triadic
#337EAF #AF337E #7EAF33
tetradic
#337EAF #A233AF #AF6433 #40AF33
square
#337EAF #A233AF #AF6433 #40AF33
split-complementary
#337EAF #AF3340 #AFA233
monochromatic
#173A50 #255C80 #337EAF #529CCD #82B7DB
إمكانية الوصول والتباين
On white
4.43
#337EAF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.74
#337EAF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #337EAF
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##337EAF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##337EAF | 1.00 | 4.43 | 4.74 | 4.74 |
| #FFFFFF | 4.43 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#677EB1
Deuteranopia (green-blind)
#5673AE
Tritanopia (blue-blind)
#008A8F
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #337eaf; /* rgb */ color: rgb(51, 126, 175); /* oklch */ color: oklch(56.9% 0.105 240.9);
Tailwind
colors: {
custom: {
50: '#7aa3c7',
500: '#337eaf',
950: '#000000',
},
}SCSS
$custom: #337eaf; $custom-light: #7aa3c7; $custom-dark: #000000;
JSON
{
"hex": "#337eaf",
"rgb": {
"r": 51,
"g": 126,
"b": 175
},
"hsl": {
"h": 203.71,
"s": 54.867,
"l": 44.314
},
"oklch": {
"l": 0.56867,
"c": 0.10544,
"h": 240.9
},
"luminance": 0.18721
}Semantic roles & 50–950 ramp
primary
#337EAF
secondary
#C4977A
accent
#844ADE
background
#F7FAFC
surface
#EEF3F8
border
#C9CDD1
text
#0A0F13
muted
#7C7F82