#496E91#496E91
#496E91 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.146؛ OKLCH L 52.5% C 0.070 H 247.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #496E91 |
|---|---|
| RGB | rgb(73, 110, 145) |
| HSL | hsl(209, 33%, 43%) |
| HSV | hsv(209, 50%, 57%) |
| CMYK | cmyk(49.7%, 24.1%, 0%, 43.1%) |
| CIE-LAB | lab(45.10, -2.91, -23.18) |
| CIE-LCH | lch(45.10, 23.37, 262.85°) |
| OKLab | oklab(52.52% -0.0262 -0.0647) |
| OKLCH | oklch(52.52% 0.07 247.9) |
| XYZ | xyz(13.4327, 14.6117, 28.8951) |
| Luminance | 0.1461 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Cadet Blue
#4E7496
ΔE00 2.30
Dull Blue
#49759C
ΔE00 2.86
Muted Blue
#3B719F
ΔE00 3.07
Metallic Blue
#4F738E
ΔE00 3.29
Flat Blue
#3C73A8
ΔE00 4.02
Denim (survey)
#3B638C
ΔE00 4.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#496E91 #916C49
analogous
#499190 #496E91 #494A91
triadic
#496E91 #91496E #6E9149
tetradic
#496E91 #904991 #916C49 #4A9149
square
#496E91 #904991 #916C49 #4A9149
split-complementary
#496E91 #91494A #919049
monochromatic
#203040 #354F68 #496E91 #658DB2 #8EABC6
إمكانية الوصول والتباين
On white
5.35
#496E91 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.92
#496E91 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #496E91
5.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##496E91 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##496E91 | 1.00 | 5.35 | 3.92 | 5.35 |
| #FFFFFF | 5.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.92 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#606F93
Deuteranopia (green-blind)
#566790
Tritanopia (blue-blind)
#28767A
Achromatopsia (no color)
#6B6B6B
وسوم التصميم والكود
CSS
--color: #496e91; /* rgb */ color: rgb(73, 110, 145); /* oklch */ color: oklch(52.5% 0.070 247.9);
Tailwind
colors: {
custom: {
50: '#8097b1',
500: '#496e91',
950: '#000000',
},
}SCSS
$custom: #496e91; $custom-light: #8097b1; $custom-dark: #000000;
JSON
{
"hex": "#496e91",
"rgb": {
"r": 73,
"g": 110,
"b": 145
},
"hsl": {
"h": 209.167,
"s": 33.028,
"l": 42.745
},
"oklch": {
"l": 0.52522,
"c": 0.06978,
"h": 247.9
},
"luminance": 0.14613
}Semantic roles & 50–950 ramp
primary
#496E91
secondary
#B29A84
accent
#925FC9
background
#F8F9FA
surface
#EFF2F5
border
#CACCCF
text
#0A0D10
muted
#7C7E7F