#5E77AF#5E77AF
#5E77AF لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.187؛ OKLCH L 57.4% C 0.092 H 265.3°. أفضل لون لنص المتن هو #000000 بتباين 4.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5E77AF |
|---|---|
| RGB | rgb(94, 119, 175) |
| HSL | hsl(221, 34%, 53%) |
| HSV | hsv(221, 46%, 69%) |
| CMYK | cmyk(46.3%, 32%, 0%, 31.4%) |
| CIE-LAB | lab(50.30, 6.33, -32.61) |
| CIE-LCH | lch(50.30, 33.22, 280.99°) |
| OKLab | oklab(57.36% -0.0076 -0.0915) |
| OKLCH | oklch(57.36% 0.092 265.3) |
| XYZ | xyz(18.9483, 18.6673, 43.1538) |
| Luminance | 0.1867 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Cornflower Blue
#5170D7
ΔE00 5.72
French Blue
#436BAD
ΔE00 5.85
Dull Blue
#49759C
ΔE00 6.49
Cadet Blue
#4E7496
ΔE00 6.51
Slate Blue (survey)
#5B7C99
ΔE00 6.53
Steel Blue (survey)
#5A7D9A
ΔE00 6.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5E77AF #AF965E
analogous
#5EA0AF #5E77AF #6D5EAF
triadic
#5E77AF #AF5E77 #77AF5E
tetradic
#5E77AF #AF5EA0 #AF965E #5EAF6D
square
#5E77AF #AF5EA0 #AF965E #5EAF6D
split-complementary
#5E77AF #AF6D5E #A0AF5E
monochromatic
#314062 #455B8B #5E77AF #879AC3 #B0BCD8
إمكانية الوصول والتباين
On white
4.44
#5E77AF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.73
#5E77AF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #5E77AF
4.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5E77AF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5E77AF | 1.00 | 4.44 | 4.73 | 4.73 |
| #FFFFFF | 4.44 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#627CB1
Deuteranopia (green-blind)
#5A74AE
Tritanopia (blue-blind)
#3F838B
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #5e77af; /* rgb */ color: rgb(94, 119, 175); /* oklch */ color: oklch(57.4% 0.092 265.3);
Tailwind
colors: {
custom: {
50: '#909ec7',
500: '#5e77af',
950: '#000000',
},
}SCSS
$custom: #5e77af; $custom-light: #909ec7; $custom-dark: #000000;
JSON
{
"hex": "#5e77af",
"rgb": {
"r": 94,
"g": 119,
"b": 175
},
"hsl": {
"h": 221.481,
"s": 33.61,
"l": 52.745
},
"oklch": {
"l": 0.57358,
"c": 0.09177,
"h": 265.3
},
"luminance": 0.18668
}Semantic roles & 50–950 ramp
primary
#5E77AF
secondary
#C6BBA3
accent
#A85ECA
background
#F9F9FC
surface
#F1F2F8
border
#CBCCD1
text
#0D0E13
muted
#7E7E82