#516B98#516B98
#516B98 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.145؛ OKLCH L 52.7% C 0.078 H 261.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #516B98 |
|---|---|
| RGB | rgb(81, 107, 152) |
| HSL | hsl(218, 30%, 46%) |
| HSV | hsv(218, 47%, 60%) |
| CMYK | cmyk(46.7%, 29.6%, 0%, 40.4%) |
| CIE-LAB | lab(44.98, 3.17, -27.48) |
| CIE-LCH | lch(44.98, 27.66, 276.58°) |
| OKLab | oklab(52.66% -0.0121 -0.0769) |
| OKLCH | oklch(52.66% 0.078 261) |
| XYZ | xyz(14.3167, 14.5308, 31.7500) |
| Luminance | 0.1453 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
French Blue
#436BAD
ΔE00 3.79
Dusky Blue
#475F94
ΔE00 4.29
Denim (survey)
#3B638C
ΔE00 5.23
Cadet Blue
#4E7496
ΔE00 5.57
Dull Blue
#49759C
ΔE00 5.91
Denim Blue
#3B5B92
ΔE00 5.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#516B98 #987E51
analogous
#518E98 #516B98 #5A5198
triadic
#516B98 #98516B #6B9851
tetradic
#516B98 #98518E #987E51 #51985A
square
#516B98 #98518E #987E51 #51985A
split-complementary
#516B98 #985A51 #8E9851
monochromatic
#263348 #3C4F70 #516B98 #728AB4 #9AABC9
إمكانية الوصول والتباين
On white
5.38
#516B98 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.91
#516B98 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #516B98
5.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##516B98 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##516B98 | 1.00 | 5.38 | 3.91 | 5.38 |
| #FFFFFF | 5.38 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.91 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.38 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5A6E9A
Deuteranopia (green-blind)
#526797
Tritanopia (blue-blind)
#35757B
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #516b98; /* rgb */ color: rgb(81, 107, 152); /* oklch */ color: oklch(52.7% 0.078 261.0);
Tailwind
colors: {
custom: {
50: '#8595b6',
500: '#516b98',
950: '#000000',
},
}SCSS
$custom: #516b98; $custom-light: #8595b6; $custom-dark: #000000;
JSON
{
"hex": "#516b98",
"rgb": {
"r": 81,
"g": 107,
"b": 152
},
"hsl": {
"h": 218.028,
"s": 30.472,
"l": 45.686
},
"oklch": {
"l": 0.52659,
"c": 0.07785,
"h": 261
},
"luminance": 0.14532
}Semantic roles & 50–950 ramp
primary
#516B98
secondary
#B6A88F
accent
#A161C7
background
#F8F9FB
surface
#EFF1F6
border
#CACBD0
text
#0B0D11
muted
#7C7E80