#404C5F#404C5F
#404C5F لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.071؛ OKLCH L 41.4% C 0.035 H 259.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #404C5F |
|---|---|
| RGB | rgb(64, 76, 95) |
| HSL | hsl(217, 19%, 31%) |
| HSV | hsv(217, 33%, 37%) |
| CMYK | cmyk(32.6%, 20%, 0%, 62.7%) |
| CIE-LAB | lab(32.00, 0.31, -12.69) |
| CIE-LCH | lch(32.00, 12.70, 271.38°) |
| OKLab | oklab(41.38% -0.0065 -0.0349) |
| OKLCH | oklch(41.38% 0.036 259.5) |
| XYZ | xyz(6.7638, 7.0848, 11.8354) |
| Luminance | 0.0708 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark Grey Blue
#29465B
ΔE00 6.15
Charcoal
#36454F
ΔE00 6.24
Dark Slate Blue
#214761
ΔE00 7.24
Dark Blue Grey
#1F3B4D
ΔE00 8.55
Dusk
#4E5481
ΔE00 9.59
Charcoal Grey
#3C4142
ΔE00 9.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#404C5F #5F5340
analogous
#405B5F #404C5F #43405F
triadic
#404C5F #5F404C #4C5F40
tetradic
#404C5F #5F405B #5F5340 #405F43
square
#404C5F #5F405B #5F5340 #405F43
split-complementary
#404C5F #5F4340 #5B5F40
monochromatic
#0F1116 #272F3A #404C5F #596984 #7688A3
إمكانية الوصول والتباين
On white
8.69
#404C5F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.42
#404C5F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #404C5F
8.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##404C5F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##404C5F | 1.00 | 8.69 | 2.42 | 8.69 |
| #FFFFFF | 8.69 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.69 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#464D60
Deuteranopia (green-blind)
#424A5F
Tritanopia (blue-blind)
#375052
Achromatopsia (no color)
#4B4B4B
وسوم التصميم والكود
CSS
--color: #404c5f; /* rgb */ color: rgb(64, 76, 95); /* oklch */ color: oklch(41.4% 0.035 259.5);
Tailwind
colors: {
custom: {
50: '#757e8c',
500: '#404c5f',
950: '#000000',
},
}SCSS
$custom: #404c5f; $custom-light: #757e8c; $custom-dark: #000000;
JSON
{
"hex": "#404c5f",
"rgb": {
"r": 64,
"g": 76,
"b": 95
},
"hsl": {
"h": 216.774,
"s": 19.497,
"l": 31.176
},
"oklch": {
"l": 0.41378,
"c": 0.0355,
"h": 259.5
},
"luminance": 0.07085
}Semantic roles & 50–950 ramp
primary
#404C5F
secondary
#8F816C
accent
#9D6CBC
background
#F7F7F8
surface
#EDEEF0
border
#C8C9CB
text
#08090C
muted
#7B7B7D