#746589#746589
#746589 لون متوسط وخافت من عائلة بنفسجي. الإضاءة النسبية 0.148؛ OKLCH L 53.5% C 0.058 H 303.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #746589 |
|---|---|
| RGB | rgb(116, 101, 137) |
| HSL | hsl(265, 15%, 47%) |
| HSV | hsv(265, 26%, 54%) |
| CMYK | cmyk(15.3%, 26.3%, 0%, 46.3%) |
| CIE-LAB | lab(45.40, 13.56, -17.68) |
| CIE-LCH | lch(45.40, 22.28, 307.47°) |
| OKLab | oklab(53.45% 0.032 -0.0483) |
| OKLCH | oklch(53.45% 0.058 303.5) |
| XYZ | xyz(16.3706, 14.8265, 25.6614) |
| Luminance | 0.1483 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Grey Purple
#826D8C
ΔE00 4.47
Purplish Grey
#7A687F
ΔE00 4.80
Dark Lavender
#856798
ΔE00 5.42
Dusty Purple
#825F87
ΔE00 5.61
Greyish Purple
#887191
ΔE00 6.16
Muted Purple
#805B87
ΔE00 6.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#746589 #7A8965
analogous
#656889 #746589 #866589
triadic
#746589 #897465 #658974
tetradic
#746589 #896568 #7A8965 #658986
square
#746589 #896568 #7A8965 #658986
split-complementary
#746589 #898665 #688965
monochromatic
#383143 #564B66 #746589 #9386A6 #B2A9C0
إمكانية الوصول والتباين
On white
5.30
#746589 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.97
#746589 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #746589
5.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##746589 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##746589 | 1.00 | 5.30 | 3.97 | 5.30 |
| #FFFFFF | 5.30 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.97 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.30 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E6B8B
Deuteranopia (green-blind)
#616B88
Tritanopia (blue-blind)
#716A72
Achromatopsia (no color)
#6B6B6B
وسوم التصميم والكود
CSS
--color: #746589; /* rgb */ color: rgb(116, 101, 137); /* oklch */ color: oklch(53.5% 0.058 303.5);
Tailwind
colors: {
custom: {
50: '#9c91ab',
500: '#746589',
950: '#000000',
},
}SCSS
$custom: #746589; $custom-light: #9c91ab; $custom-dark: #000000;
JSON
{
"hex": "#746589",
"rgb": {
"r": 116,
"g": 101,
"b": 137
},
"hsl": {
"h": 265,
"s": 15.126,
"l": 46.667
},
"oklch": {
"l": 0.53451,
"c": 0.058,
"h": 303.5
},
"luminance": 0.14827
}Semantic roles & 50–950 ramp
primary
#746589
secondary
#A6AE9B
accent
#B8709A
background
#F9F8FA
surface
#F2F0F4
border
#CCCBCE
text
#0E0C10
muted
#7E7D7F