#5A67A8#5A67A8
#5A67A8 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.147؛ OKLCH L 53.3% C 0.103 H 273.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5A67A8 |
|---|---|
| RGB | rgb(90, 103, 168) |
| HSL | hsl(230, 31%, 51%) |
| HSV | hsv(230, 46%, 66%) |
| CMYK | cmyk(46.4%, 38.7%, 0%, 34.1%) |
| CIE-LAB | lab(45.22, 12.95, -36.51) |
| CIE-LCH | lch(45.22, 38.74, 289.53°) |
| OKLab | oklab(53.25% 0.0069 -0.103) |
| OKLCH | oklch(53.25% 0.103 273.8) |
| XYZ | xyz(16.1324, 14.7004, 39.0256) |
| Luminance | 0.1470 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusky Blue
#475F94
ΔE00 4.99
French Blue
#436BAD
ΔE00 5.83
Denim Blue
#3B5B92
ΔE00 7.15
Iris
#6258C4
ΔE00 7.60
Dark Periwinkle
#665FD1
ΔE00 7.66
Cornflower Blue
#5170D7
ΔE00 7.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5A67A8 #A89B5A
analogous
#5A8EA8 #5A67A8 #745AA8
triadic
#5A67A8 #A85A67 #67A85A
tetradic
#5A67A8 #A85A8E #A89B5A #5AA874
square
#5A67A8 #A85A8E #A89B5A #5AA874
split-complementary
#5A67A8 #A8745A #8EA85A
monochromatic
#2F3659 #444E81 #5A67A8 #828CBD #AAB1D2
إمكانية الوصول والتباين
On white
5.33
#5A67A8 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.94
#5A67A8 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5A67A8
5.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5A67A8 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5A67A8 | 1.00 | 5.33 | 3.94 | 5.33 |
| #FFFFFF | 5.33 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.94 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.33 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4F6EAB
Deuteranopia (green-blind)
#4868A7
Tritanopia (blue-blind)
#3E747F
Achromatopsia (no color)
#6B6B6B
وسوم التصميم والكود
CSS
--color: #5a67a8; /* rgb */ color: rgb(90, 103, 168); /* oklch */ color: oklch(53.3% 0.103 273.8);
Tailwind
colors: {
custom: {
50: '#8d92c2',
500: '#5a67a8',
950: '#000000',
},
}SCSS
$custom: #5a67a8; $custom-light: #8d92c2; $custom-dark: #000000;
JSON
{
"hex": "#5a67a8",
"rgb": {
"r": 90,
"g": 103,
"b": 168
},
"hsl": {
"h": 230,
"s": 30.952,
"l": 50.588
},
"oklch": {
"l": 0.53253,
"c": 0.10319,
"h": 273.8
},
"luminance": 0.14701
}Semantic roles & 50–950 ramp
primary
#5A67A8
secondary
#C0BA9E
accent
#B661C7
background
#F8F8FB
surface
#F0F0F7
border
#CBCBD0
text
#0C0C12
muted
#7D7D81