#3F5EA0#3F5EA0
#3F5EA0 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.116؛ OKLCH L 49.1% C 0.112 H 263.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3F5EA0 |
|---|---|
| RGB | rgb(63, 94, 160) |
| HSL | hsl(221, 43%, 44%) |
| HSV | hsv(221, 61%, 63%) |
| CMYK | cmyk(60.6%, 41.3%, 0%, 37.3%) |
| CIE-LAB | lab(40.57, 9.72, -39.25) |
| CIE-LCH | lch(40.57, 40.44, 283.90°) |
| OKLab | oklab(49.09% -0.0122 -0.1116) |
| OKLCH | oklch(49.09% 0.112 263.8) |
| XYZ | xyz(12.3956, 11.5992, 34.8365) |
| Luminance | 0.1160 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Denim Blue
#3B5B92
ΔE00 2.16
Dusky Blue
#475F94
ΔE00 2.28
Denim (survey)
#3B638C
ΔE00 4.47
French Blue
#436BAD
ΔE00 4.82
Light Navy Blue
#2E5A88
ΔE00 4.87
Denim
#1560BD
ΔE00 4.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3F5EA0 #A0813F
analogous
#3F8EA0 #3F5EA0 #503FA0
triadic
#3F5EA0 #A03F5E #5EA03F
tetradic
#3F5EA0 #A03F8E #A0813F #3FA050
square
#3F5EA0 #A03F8E #A0813F #3FA050
split-complementary
#3F5EA0 #A0503F #8EA03F
monochromatic
#1C2A48 #2E4474 #3F5EA0 #5D7CBF #89A0D0
إمكانية الوصول والتباين
On white
6.33
#3F5EA0 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.32
#3F5EA0 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #3F5EA0
6.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3F5EA0 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3F5EA0 | 1.00 | 6.33 | 3.32 | 6.33 |
| #FFFFFF | 6.33 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.32 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.33 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4164A3
Deuteranopia (green-blind)
#345C9F
Tritanopia (blue-blind)
#006D77
Achromatopsia (no color)
#606060
وسوم التصميم والكود
CSS
--color: #3f5ea0; /* rgb */ color: rgb(63, 94, 160); /* oklch */ color: oklch(49.1% 0.112 263.8);
Tailwind
colors: {
custom: {
50: '#7d8bbc',
500: '#3f5ea0',
950: '#000000',
},
}SCSS
$custom: #3f5ea0; $custom-light: #7d8bbc; $custom-dark: #000000;
JSON
{
"hex": "#3f5ea0",
"rgb": {
"r": 63,
"g": 94,
"b": 160
},
"hsl": {
"h": 220.825,
"s": 43.498,
"l": 43.725
},
"oklch": {
"l": 0.4909,
"c": 0.11225,
"h": 263.8
},
"luminance": 0.116
}Semantic roles & 50–950 ramp
primary
#3F5EA0
secondary
#BBA880
accent
#AB55D3
background
#F7F8FB
surface
#EEF0F6
border
#C9CBD0
text
#0A0B12
muted
#7C7C81