#4A565F#4A565F
#4A565F لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.089؛ OKLCH L 44.6% C 0.021 H 240.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.53:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4A565F |
|---|---|
| RGB | rgb(74, 86, 95) |
| HSL | hsl(206, 12%, 33%) |
| HSV | hsv(206, 22%, 37%) |
| CMYK | cmyk(22.1%, 9.5%, 0%, 62.7%) |
| CIE-LAB | lab(35.86, -2.47, -6.78) |
| CIE-LCH | lch(35.86, 7.21, 250.02°) |
| OKLab | oklab(44.61% -0.0104 -0.0184) |
| OKLCH | oklch(44.61% 0.021 240.4) |
| XYZ | xyz(8.2168, 8.9374, 12.1164) |
| Luminance | 0.0894 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Gunmetal (survey)
#536267
ΔE00 5.03
Slate Grey
#59656D
ΔE00 5.41
Slate
#516572
ΔE00 5.71
Charcoal
#36454F
ΔE00 6.05
Charcoal Grey
#3C4142
ΔE00 8.28
Dark Grey Blue
#29465B
ΔE00 8.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4A565F #5F534A
analogous
#4A5F5D #4A565F #4A4B5F
triadic
#4A565F #5F4A56 #565F4A
tetradic
#4A565F #5D4A5F #5F534A #4B5F4A
square
#4A565F #5D4A5F #5F534A #4B5F4A
split-complementary
#4A565F #5F4A4B #5F5D4A
monochromatic
#14181A #2F373D #4A565F #657581 #84949F
إمكانية الوصول والتباين
On white
7.53
#4A565F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.79
#4A565F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4A565F
7.53:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4A565F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4A565F | 1.00 | 7.53 | 2.79 | 7.53 |
| #FFFFFF | 7.53 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.79 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.53 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#52565F
Deuteranopia (green-blind)
#4F535F
Tritanopia (blue-blind)
#445859
Achromatopsia (no color)
#545454
وسوم التصميم والكود
CSS
--color: #4a565f; /* rgb */ color: rgb(74, 86, 95); /* oklch */ color: oklch(44.6% 0.021 240.4);
Tailwind
colors: {
custom: {
50: '#7c858c',
500: '#4a565f',
950: '#000000',
},
}SCSS
$custom: #4a565f; $custom-light: #7c858c; $custom-dark: #000000;
JSON
{
"hex": "#4a565f",
"rgb": {
"r": 74,
"g": 86,
"b": 95
},
"hsl": {
"h": 205.714,
"s": 12.426,
"l": 33.137
},
"oklch": {
"l": 0.44611,
"c": 0.02116,
"h": 240.4
},
"luminance": 0.08938
}Semantic roles & 50–950 ramp
primary
#4A565F
secondary
#8D8178
accent
#8F73B5
background
#F7F8F8
surface
#EEEFF0
border
#C9CACB
text
#090B0C
muted
#7B7C7D