#4C596F#4C596F
#4C596F لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.098؛ OKLCH L 46.2% C 0.040 H 260.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4C596F |
|---|---|
| RGB | rgb(76, 89, 111) |
| HSL | hsl(218, 19%, 37%) |
| HSV | hsv(218, 32%, 44%) |
| CMYK | cmyk(31.5%, 19.8%, 0%, 56.5%) |
| CIE-LAB | lab(37.53, 0.65, -14.19) |
| CIE-LCH | lch(37.53, 14.21, 272.63°) |
| OKLab | oklab(46.16% -0.0063 -0.039) |
| OKLCH | oklch(46.16% 0.04 260.9) |
| XYZ | xyz(9.4213, 9.8286, 16.4366) |
| Luminance | 0.0983 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Slate
#516572
ΔE00 7.46
Dusk
#4E5481
ΔE00 7.78
Denim (survey)
#3B638C
ΔE00 8.05
Slate Grey
#59656D
ΔE00 8.12
Dusky Blue
#475F94
ΔE00 8.22
Light Navy Blue
#2E5A88
ΔE00 8.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4C596F #6F624C
analogous
#4C6B6F #4C596F #514C6F
triadic
#4C596F #6F4C59 #596F4C
tetradic
#4C596F #6F4C6B #6F624C #4C6F51
square
#4C596F #6F4C6B #6F624C #4C6F51
split-complementary
#4C596F #6F514C #6B6F4C
monochromatic
#1A1F26 #333C4B #4C596F #657693 #8896AD
إمكانية الوصول والتباين
On white
7.08
#4C596F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.97
#4C596F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4C596F
7.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4C596F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4C596F | 1.00 | 7.08 | 2.97 | 7.08 |
| #FFFFFF | 7.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.97 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.08 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#525A70
Deuteranopia (green-blind)
#4E576F
Tritanopia (blue-blind)
#425E60
Achromatopsia (no color)
#585858
وسوم التصميم والكود
CSS
--color: #4c596f; /* rgb */ color: rgb(76, 89, 111); /* oklch */ color: oklch(46.2% 0.040 260.9);
Tailwind
colors: {
custom: {
50: '#7f8798',
500: '#4c596f',
950: '#000000',
},
}SCSS
$custom: #4c596f; $custom-light: #7f8798; $custom-dark: #000000;
JSON
{
"hex": "#4c596f",
"rgb": {
"r": 76,
"g": 89,
"b": 111
},
"hsl": {
"h": 217.714,
"s": 18.717,
"l": 36.667
},
"oklch": {
"l": 0.4616,
"c": 0.03953,
"h": 260.9
},
"luminance": 0.09829
}Semantic roles & 50–950 ramp
primary
#4C596F
secondary
#9B8F7C
accent
#9E6CBB
background
#F7F8F9
surface
#EEEFF2
border
#C9CACC
text
#0A0B0D
muted
#7C7C7E