#4C698C#4C698C
#4C698C لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.135؛ OKLCH L 51.3% C 0.066 H 253.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4C698C |
|---|---|
| RGB | rgb(76, 105, 140) |
| HSL | hsl(213, 30%, 42%) |
| HSV | hsv(213, 46%, 55%) |
| CMYK | cmyk(45.7%, 25%, 0%, 45.1%) |
| CIE-LAB | lab(43.55, -0.65, -22.57) |
| CIE-LCH | lch(43.55, 22.58, 268.34°) |
| OKLab | oklab(51.28% -0.0185 -0.0629) |
| OKLCH | oklch(51.28% 0.066 253.6) |
| XYZ | xyz(12.7641, 13.5323, 26.7453) |
| Luminance | 0.1353 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Denim (survey)
#3B638C
ΔE00 3.38
Cadet Blue
#4E7496
ΔE00 4.61
French Blue
#436BAD
ΔE00 4.82
Dusky Blue
#475F94
ΔE00 4.83
Dull Blue
#49759C
ΔE00 5.26
Muted Blue
#3B719F
ΔE00 5.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4C698C #8C6F4C
analogous
#4C898C #4C698C #4F4C8C
triadic
#4C698C #8C4C69 #698C4C
tetradic
#4C698C #8C4C89 #8C6F4C #4C8C4F
square
#4C698C #8C4C89 #8C6F4C #4C8C4F
split-complementary
#4C698C #8C4F4C #898C4C
monochromatic
#212D3D #364B64 #4C698C #6887AD #90A7C3
إمكانية الوصول والتباين
On white
5.67
#4C698C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.71
#4C698C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #4C698C
5.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4C698C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4C698C | 1.00 | 5.67 | 3.71 | 5.67 |
| #FFFFFF | 5.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.71 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.67 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C6A8E
Deuteranopia (green-blind)
#54648B
Tritanopia (blue-blind)
#337175
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #4c698c; /* rgb */ color: rgb(76, 105, 140); /* oklch */ color: oklch(51.3% 0.066 253.6);
Tailwind
colors: {
custom: {
50: '#8193ad',
500: '#4c698c',
950: '#000000',
},
}SCSS
$custom: #4c698c; $custom-light: #8193ad; $custom-dark: #000000;
JSON
{
"hex": "#4c698c",
"rgb": {
"r": 76,
"g": 105,
"b": 140
},
"hsl": {
"h": 212.813,
"s": 29.63,
"l": 42.353
},
"oklch": {
"l": 0.51283,
"c": 0.06554,
"h": 253.6
},
"luminance": 0.13533
}Semantic roles & 50–950 ramp
primary
#4C698C
secondary
#AF9C85
accent
#9962C6
background
#F8F9FA
surface
#EFF1F4
border
#CACBCE
text
#0B0D10
muted
#7C7E7F