#537792#537792
#537792 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.171؛ OKLCH L 55.3% C 0.059 H 241.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #537792 |
|---|---|
| RGB | rgb(83, 119, 146) |
| HSL | hsl(206, 28%, 45%) |
| HSV | hsv(206, 43%, 57%) |
| CMYK | cmyk(43.2%, 18.5%, 0%, 42.7%) |
| CIE-LAB | lab(48.39, -5.27, -18.65) |
| CIE-LCH | lch(48.39, 19.39, 254.22°) |
| OKLab | oklab(55.29% -0.028 -0.0516) |
| OKLCH | oklch(55.29% 0.059 241.5) |
| XYZ | xyz(15.3507, 17.1070, 29.6817) |
| Luminance | 0.1711 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Metallic Blue
#4F738E
ΔE00 1.56
Stormy Blue
#507B9C
ΔE00 2.29
Cadet Blue
#4E7496
ΔE00 2.56
Slate Blue (survey)
#5B7C99
ΔE00 2.59
Steel Blue (survey)
#5A7D9A
ΔE00 2.63
Dull Blue
#49759C
ΔE00 3.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#537792 #926E53
analogous
#53928D #537792 #535892
triadic
#537792 #925377 #779253
tetradic
#537792 #8D5392 #926E53 #589253
square
#537792 #8D5392 #926E53 #589253
split-complementary
#537792 #925358 #928D53
monochromatic
#273744 #3D576B #537792 #7395AF #9AB3C6
إمكانية الوصول والتباين
On white
4.75
#537792 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.42
#537792 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #537792
4.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##537792 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##537792 | 1.00 | 4.75 | 4.42 | 4.75 |
| #FFFFFF | 4.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6B7793
Deuteranopia (green-blind)
#637092
Tritanopia (blue-blind)
#3B7E80
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #537792; /* rgb */ color: rgb(83, 119, 146); /* oklch */ color: oklch(55.3% 0.059 241.5);
Tailwind
colors: {
custom: {
50: '#869eb2',
500: '#537792',
950: '#000000',
},
}SCSS
$custom: #537792; $custom-light: #869eb2; $custom-dark: #000000;
JSON
{
"hex": "#537792",
"rgb": {
"r": 83,
"g": 119,
"b": 146
},
"hsl": {
"h": 205.714,
"s": 27.511,
"l": 44.902
},
"oklch": {
"l": 0.55285,
"c": 0.05875,
"h": 241.5
},
"luminance": 0.17108
}Semantic roles & 50–950 ramp
primary
#537792
secondary
#B39E8E
accent
#8D64C4
background
#F8F9FA
surface
#F0F2F5
border
#CBCCCF
text
#0B0E10
muted
#7C7E7F