#4A7698#4A7698
#4A7698 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.167؛ OKLCH L 54.8% C 0.072 H 242.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4A7698 |
|---|---|
| RGB | rgb(74, 118, 152) |
| HSL | hsl(206, 35%, 44%) |
| HSV | hsv(206, 51%, 60%) |
| CMYK | cmyk(51.3%, 22.4%, 0%, 40.4%) |
| CIE-LAB | lab(47.85, -5.22, -23.06) |
| CIE-LCH | lch(47.85, 23.64, 257.25°) |
| OKLab | oklab(54.81% -0.0329 -0.0643) |
| OKLCH | oklch(54.81% 0.072 242.9) |
| XYZ | xyz(14.9680, 16.6786, 32.1302) |
| Luminance | 0.1668 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Cadet Blue
#4E7496
ΔE00 1.50
Dull Blue
#49759C
ΔE00 1.54
Stormy Blue
#507B9C
ΔE00 1.99
Metallic Blue
#4F738E
ΔE00 2.30
Muted Blue
#3B719F
ΔE00 3.24
Slate Blue (survey)
#5B7C99
ΔE00 3.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4A7698 #986C4A
analogous
#4A9893 #4A7698 #4A4F98
triadic
#4A7698 #984A76 #76984A
tetradic
#4A7698 #934A98 #986C4A #4F984A
square
#4A7698 #934A98 #986C4A #4F984A
split-complementary
#4A7698 #984A4F #98934A
monochromatic
#223646 #36566F #4A7698 #6995B6 #92B2CA
إمكانية الوصول والتباين
On white
4.84
#4A7698 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.34
#4A7698 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #4A7698
4.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4A7698 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4A7698 | 1.00 | 4.84 | 4.34 | 4.84 |
| #FFFFFF | 4.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#67769A
Deuteranopia (green-blind)
#5D6E97
Tritanopia (blue-blind)
#227E81
Achromatopsia (no color)
#727272
وسوم التصميم والكود
CSS
--color: #4a7698; /* rgb */ color: rgb(74, 118, 152); /* oklch */ color: oklch(54.8% 0.072 242.9);
Tailwind
colors: {
custom: {
50: '#819db6',
500: '#4a7698',
950: '#000000',
},
}SCSS
$custom: #4a7698; $custom-light: #819db6; $custom-dark: #000000;
JSON
{
"hex": "#4a7698",
"rgb": {
"r": 74,
"g": 118,
"b": 152
},
"hsl": {
"h": 206.154,
"s": 34.513,
"l": 44.314
},
"oklch": {
"l": 0.54807,
"c": 0.07222,
"h": 242.9
},
"luminance": 0.1668
}Semantic roles & 50–950 ramp
primary
#4A7698
secondary
#B69C88
accent
#8D5DCB
background
#F8F9FB
surface
#EFF2F6
border
#CACCD0
text
#0B0E11
muted
#7C7E80