#5C56EF#5C56EF
#5C56EF لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.152؛ OKLCH L 55.3% C 0.222 H 278.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5C56EF |
|---|---|
| RGB | rgb(92, 86, 239) |
| HSL | hsl(242, 83%, 64%) |
| HSV | hsv(242, 64%, 94%) |
| CMYK | cmyk(61.5%, 64%, 0%, 6.3%) |
| CIE-LAB | lab(45.85, 46.39, -76.30) |
| CIE-LCH | lch(45.85, 89.30, 301.30°) |
| OKLab | oklab(55.25% 0.0309 -0.2199) |
| OKLCH | oklch(55.25% 0.222 278) |
| XYZ | xyz(23.3164, 15.1611, 83.3423) |
| Luminance | 0.1516 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Warm Blue
#4B57DB
ΔE00 3.80
Dark Periwinkle
#665FD1
ΔE00 4.63
Light Indigo
#6D5ACF
ΔE00 4.89
Slate Blue
#6A5ACD
ΔE00 4.91
Electric Blue
#0652FF
ΔE00 5.36
Purpleish Blue
#6140EF
ΔE00 5.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5C56EF #E9EF56
analogous
#569CEF #5C56EF #A856EF
triadic
#5C56EF #EF5C56 #56EF5C
tetradic
#5C56EF #EF569C #E9EF56 #56EFA8
square
#5C56EF #EF569C #E9EF56 #56EFA8
split-complementary
#5C56EF #EFA856 #9CEF56
monochromatic
#1812B9 #261EEA #5C56EF #928EF4 #C8C6FA
إمكانية الوصول والتباين
On white
5.21
#5C56EF on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.03
#5C56EF on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5C56EF
5.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5C56EF | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5C56EF | 1.00 | 5.21 | 4.03 | 5.21 |
| #FFFFFF | 5.21 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.21 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0073F4
Deuteranopia (green-blind)
#0066EC
Tritanopia (blue-blind)
#007D9B
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #5c56ef; /* rgb */ color: rgb(92, 86, 239); /* oklch */ color: oklch(55.3% 0.222 278.0);
Tailwind
colors: {
custom: {
50: '#9986f5',
500: '#5c56ef',
950: '#000000',
},
}SCSS
$custom: #5c56ef; $custom-light: #9986f5; $custom-dark: #000000;
JSON
{
"hex": "#5c56ef",
"rgb": {
"r": 92,
"g": 86,
"b": 239
},
"hsl": {
"h": 242.353,
"s": 82.703,
"l": 63.725
},
"oklch": {
"l": 0.55251,
"c": 0.22202,
"h": 278
},
"luminance": 0.15163
}Semantic roles & 50–950 ramp
primary
#5C56EF
secondary
#E9EBB5
accent
#DF06D7
background
#FAF8FF
surface
#F4EFFF
border
#CECAD7
text
#0F0B17
muted
#7F7C85