#5940DB#5940DB
#5940DB لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.109؛ OKLCH L 50.0% C 0.223 H 282.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5940DB |
|---|---|
| RGB | rgb(89, 64, 219) |
| HSL | hsl(250, 68%, 55%) |
| HSV | hsv(250, 71%, 86%) |
| CMYK | cmyk(59.4%, 70.8%, 0%, 14.1%) |
| CIE-LAB | lab(39.42, 52.12, -75.51) |
| CIE-LCH | lch(39.42, 91.75, 304.62°) |
| OKLab | oklab(50.04% 0.0467 -0.2176) |
| OKLCH | oklch(50.04% 0.223 282.1) |
| XYZ | xyz(18.7354, 10.9038, 68.1215) |
| Luminance | 0.1090 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Purpley Blue
#5F34E7
ΔE00 2.66
Blurple
#5539CC
ΔE00 2.79
Purpleish Blue
#6140EF
ΔE00 2.86
Bluey Purple
#6241C7
ΔE00 2.89
Blue With A Hint Of Purple
#533CC6
ΔE00 3.19
Burple
#6832E3
ΔE00 3.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5940DB #C2DB40
analogous
#4075DB #5940DB #A640DB
triadic
#5940DB #DB5940 #40DB59
tetradic
#5940DB #DB4075 #C2DB40 #40DBA6
square
#5940DB #DB4075 #C2DB40 #40DBA6
split-complementary
#5940DB #DBA640 #75DB40
monochromatic
#2B1987 #3C23BB #5940DB #8673E5 #B3A7EE
إمكانية الوصول والتباين
On white
6.60
#5940DB on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.18
#5940DB on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5940DB
6.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5940DB | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5940DB | 1.00 | 6.60 | 3.18 | 6.60 |
| #FFFFFF | 6.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.18 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.60 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0062E0
Deuteranopia (green-blind)
#0057D8
Tritanopia (blue-blind)
#006A89
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #5940db; /* rgb */ color: rgb(89, 64, 219); /* oklch */ color: oklch(50.0% 0.223 282.1);
Tailwind
colors: {
custom: {
50: '#9677e7',
500: '#5940db',
950: '#000000',
},
}SCSS
$custom: #5940db; $custom-light: #9677e7; $custom-dark: #000000;
JSON
{
"hex": "#5940db",
"rgb": {
"r": 89,
"g": 64,
"b": 219
},
"hsl": {
"h": 249.677,
"s": 68.282,
"l": 55.49
},
"oklch": {
"l": 0.50039,
"c": 0.22256,
"h": 282.1
},
"luminance": 0.10905
}Semantic roles & 50–950 ramp
primary
#5940DB
secondary
#D1DC9B
accent
#EB3DCF
background
#FAF7FE
surface
#F3EDFD
border
#CDC8D5
text
#0F0916
muted
#7F7B84