#3E587B#3E587B
#3E587B لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.094؛ OKLCH L 45.5% C 0.066 H 256.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3E587B |
|---|---|
| RGB | rgb(62, 88, 123) |
| HSL | hsl(214, 33%, 36%) |
| HSV | hsv(214, 50%, 48%) |
| CMYK | cmyk(49.6%, 28.5%, 0%, 51.8%) |
| CIE-LAB | lab(36.80, 0.71, -22.80) |
| CIE-LCH | lch(36.80, 22.81, 271.79°) |
| OKLab | oklab(45.52% -0.0158 -0.0638) |
| OKLCH | oklch(45.52% 0.066 256.1) |
| XYZ | xyz(9.0503, 9.4330, 20.0789) |
| Luminance | 0.0943 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Light Navy Blue
#2E5A88
ΔE00 3.71
Denim Blue
#3B5B92
ΔE00 3.82
Dusk Blue
#26538D
ΔE00 4.60
Dusky Blue
#475F94
ΔE00 4.74
Denim (survey)
#3B638C
ΔE00 4.77
Light Navy
#155084
ΔE00 5.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3E587B #7B613E
analogous
#3E777B #3E587B #433E7B
triadic
#3E587B #7B3E58 #587B3E
tetradic
#3E587B #7B3E77 #7B613E #3E7B43
square
#3E587B #7B3E77 #7B613E #3E7B43
split-complementary
#3E587B #7B433E #777B3E
monochromatic
#151E2A #293B52 #3E587B #5375A4 #7895BB
إمكانية الوصول والتباين
On white
7.27
#3E587B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.89
#3E587B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3E587B
7.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3E587B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3E587B | 1.00 | 7.27 | 2.89 | 7.27 |
| #FFFFFF | 7.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4B5A7D
Deuteranopia (green-blind)
#43547A
Tritanopia (blue-blind)
#246064
Achromatopsia (no color)
#575757
وسوم التصميم والكود
CSS
--color: #3e587b; /* rgb */ color: rgb(62, 88, 123); /* oklch */ color: oklch(45.5% 0.066 256.1);
Tailwind
colors: {
custom: {
50: '#7787a1',
500: '#3e587b',
950: '#000000',
},
}SCSS
$custom: #3e587b; $custom-light: #7787a1; $custom-dark: #000000;
JSON
{
"hex": "#3e587b",
"rgb": {
"r": 62,
"g": 88,
"b": 123
},
"hsl": {
"h": 214.426,
"s": 32.973,
"l": 36.275
},
"oklch": {
"l": 0.45516,
"c": 0.0657,
"h": 256.1
},
"luminance": 0.09434
}Semantic roles & 50–950 ramp
primary
#3E587B
secondary
#A58E6F
accent
#9C5FC9
background
#F7F8F9
surface
#EDEFF2
border
#C8CACC
text
#090B0F
muted
#7B7C7E