#3F4E5F#3F4E5F
#3F4E5F لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.073؛ OKLCH L 41.8% C 0.034 H 251.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3F4E5F |
|---|---|
| RGB | rgb(63, 78, 95) |
| HSL | hsl(212, 20%, 31%) |
| HSV | hsv(212, 34%, 37%) |
| CMYK | cmyk(33.7%, 17.9%, 0%, 62.7%) |
| CIE-LAB | lab(32.55, -1.30, -11.86) |
| CIE-LCH | lch(32.55, 11.93, 263.74°) |
| OKLab | oklab(41.79% -0.0107 -0.0326) |
| OKLCH | oklch(41.79% 0.034 251.8) |
| XYZ | xyz(6.8392, 7.3315, 11.8790) |
| Luminance | 0.0733 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Charcoal
#36454F
ΔE00 4.95
Dark Grey Blue
#29465B
ΔE00 5.03
Dark Slate Blue
#214761
ΔE00 6.24
Dark Blue Grey
#1F3B4D
ΔE00 7.81
Slate
#516572
ΔE00 8.57
Charcoal Grey
#3C4142
ΔE00 9.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3F4E5F #5F503F
analogous
#3F5E5F #3F4E5F #403F5F
triadic
#3F4E5F #5F3F4E #4E5F3F
tetradic
#3F4E5F #5F3F5E #5F503F #3F5F40
square
#3F4E5F #5F3F5E #5F503F #3F5F40
split-complementary
#3F4E5F #5F403F #5E5F3F
monochromatic
#0E1215 #27303A #3F4E5F #576C84 #758BA3
إمكانية الوصول والتباين
On white
8.51
#3F4E5F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.47
#3F4E5F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3F4E5F
8.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3F4E5F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3F4E5F | 1.00 | 8.51 | 2.47 | 8.51 |
| #FFFFFF | 8.51 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.51 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#484E60
Deuteranopia (green-blind)
#444B5F
Tritanopia (blue-blind)
#355254
Achromatopsia (no color)
#4D4D4D
وسوم التصميم والكود
CSS
--color: #3f4e5f; /* rgb */ color: rgb(63, 78, 95); /* oklch */ color: oklch(41.8% 0.034 251.8);
Tailwind
colors: {
custom: {
50: '#757f8c',
500: '#3f4e5f',
950: '#000000',
},
}SCSS
$custom: #3f4e5f; $custom-light: #757f8c; $custom-dark: #000000;
JSON
{
"hex": "#3f4e5f",
"rgb": {
"r": 63,
"g": 78,
"b": 95
},
"hsl": {
"h": 211.875,
"s": 20.253,
"l": 30.98
},
"oklch": {
"l": 0.41791,
"c": 0.0343,
"h": 251.8
},
"luminance": 0.07332
}Semantic roles & 50–950 ramp
primary
#3F4E5F
secondary
#8F7E6B
accent
#966BBD
background
#F7F7F8
surface
#EDEEF0
border
#C8C9CB
text
#080A0C
muted
#7B7C7D