#5957FF#5957FF
#5957FF لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.162؛ OKLCH L 56.6% C 0.241 H 276.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5957FF |
|---|---|
| RGB | rgb(89, 87, 255) |
| HSL | hsl(241, 100%, 67%) |
| HSV | hsv(241, 66%, 100%) |
| CMYK | cmyk(65.1%, 65.9%, 0%, 0%) |
| CIE-LAB | lab(47.18, 50.45, -83.08) |
| CIE-LCH | lch(47.18, 97.20, 301.27°) |
| OKLab | oklab(56.57% 0.025 -0.2398) |
| OKLCH | oklch(56.57% 0.241 276) |
| XYZ | xyz(25.5721, 16.1580, 96.3595) |
| Luminance | 0.1616 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Warm Blue
#4B57DB
ΔE00 5.29
Electric Blue
#0652FF
ΔE00 5.34
Dark Periwinkle
#665FD1
ΔE00 6.09
Purpleish Blue
#6140EF
ΔE00 6.34
Light Indigo
#6D5ACF
ΔE00 6.54
Mediumslateblue
#7B68EE
ΔE00 6.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5957FF #FDFF57
analogous
#57A9FF #5957FF #AD57FF
triadic
#5957FF #FF5957 #57FF59
tetradic
#5957FF #FF57A9 #FDFF57 #57FFAD
square
#5957FF #FF57A9 #FDFF57 #57FFAD
split-complementary
#5957FF #FFAD57 #A9FF57
monochromatic
#0300DC #1D1AFF #5957FF #9594FF #D2D1FF
إمكانية الوصول والتباين
On white
4.96
#5957FF on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.23
#5957FF on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5957FF
4.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5957FF | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5957FF | 1.00 | 4.96 | 4.23 | 4.96 |
| #FFFFFF | 4.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.23 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0077FF
Deuteranopia (green-blind)
#0068FC
Tritanopia (blue-blind)
#0083A4
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #5957ff; /* rgb */ color: rgb(89, 87, 255); /* oklch */ color: oklch(56.6% 0.241 276.0);
Tailwind
colors: {
custom: {
50: '#9a87ff',
500: '#5957ff',
950: '#000000',
},
}SCSS
$custom: #5957ff; $custom-light: #9a87ff; $custom-dark: #000000;
JSON
{
"hex": "#5957ff",
"rgb": {
"r": 89,
"g": 87,
"b": 255
},
"hsl": {
"h": 240.714,
"s": 100,
"l": 67.059
},
"oklch": {
"l": 0.56567,
"c": 0.24111,
"h": 276
},
"luminance": 0.1616
}Semantic roles & 50–950 ramp
primary
#5957FF
secondary
#F3F4BE
accent
#E600E3
background
#FAF8FF
surface
#F4F0FF
border
#CECBD7
text
#100B18
muted
#7F7C86