#3B596E#3B596E
#3B596E لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.092؛ OKLCH L 44.9% C 0.050 H 239.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3B596E |
|---|---|
| RGB | rgb(59, 89, 110) |
| HSL | hsl(205, 30%, 33%) |
| HSV | hsv(205, 46%, 43%) |
| CMYK | cmyk(46.4%, 19.1%, 0%, 56.9%) |
| CIE-LAB | lab(36.37, -4.88, -15.46) |
| CIE-LCH | lch(36.37, 16.21, 252.49°) |
| OKLab | oklab(44.93% -0.0249 -0.0428) |
| OKLCH | oklch(44.93% 0.05 239.8) |
| XYZ | xyz(8.1895, 9.1998, 16.0930) |
| Luminance | 0.0920 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Slate
#516572
ΔE00 5.81
Ugly Blue
#31668A
ΔE00 6.35
Dark Grey Blue
#29465B
ΔE00 6.40
Dark Slate Blue
#214761
ΔE00 6.54
Light Navy Blue
#2E5A88
ΔE00 6.93
Denim (survey)
#3B638C
ΔE00 7.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3B596E #6E503B
analogous
#3B6E69 #3B596E #3B3F6E
triadic
#3B596E #6E3B59 #596E3B
tetradic
#3B596E #693B6E #6E503B #3F6E3B
square
#3B596E #693B6E #6E503B #3F6E3B
split-complementary
#3B596E #6E3B3F #6E693B
monochromatic
#10191E #263946 #3B596E #507996 #7198B3
إمكانية الوصول والتباين
On white
7.39
#3B596E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.84
#3B596E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3B596E
7.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3B596E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3B596E | 1.00 | 7.39 | 2.84 | 7.39 |
| #FFFFFF | 7.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.84 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.39 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#50596F
Deuteranopia (green-blind)
#49536E
Tritanopia (blue-blind)
#265E60
Achromatopsia (no color)
#565656
وسوم التصميم والكود
CSS
--color: #3b596e; /* rgb */ color: rgb(59, 89, 110); /* oklch */ color: oklch(44.9% 0.050 239.8);
Tailwind
colors: {
custom: {
50: '#748797',
500: '#3b596e',
950: '#000000',
},
}SCSS
$custom: #3b596e; $custom-light: #748797; $custom-dark: #000000;
JSON
{
"hex": "#3b596e",
"rgb": {
"r": 59,
"g": 89,
"b": 110
},
"hsl": {
"h": 204.706,
"s": 30.178,
"l": 33.137
},
"oklch": {
"l": 0.44934,
"c": 0.04955,
"h": 239.8
},
"luminance": 0.092
}Semantic roles & 50–950 ramp
primary
#3B596E
secondary
#9D7E68
accent
#8B61C6
background
#F7F8F9
surface
#EDEFF2
border
#C8CACC
text
#080B0D
muted
#7B7C7E