#5D4094#5D4094
#5D4094 لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.081؛ OKLCH L 44.7% C 0.133 H 296.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5D4094 |
|---|---|
| RGB | rgb(93, 64, 148) |
| HSL | hsl(261, 40%, 42%) |
| HSV | hsv(261, 57%, 58%) |
| CMYK | cmyk(37.2%, 56.8%, 0%, 42%) |
| CIE-LAB | lab(34.26, 32.04, -41.98) |
| CIE-LCH | lch(34.26, 52.81, 307.36°) |
| OKLab | oklab(44.67% 0.0595 -0.119) |
| OKLCH | oklch(44.67% 0.133 296.6) |
| XYZ | xyz(11.6915, 8.1319, 28.9649) |
| Luminance | 0.0813 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Rebeccapurple
#663399
ΔE00 4.15
Darkslateblue
#483D8B
ΔE00 4.36
Blueberry
#464196
ΔE00 5.11
Ocean Blue
#4F42B5
ΔE00 6.56
Royal Purple
#7851A9
ΔE00 7.15
Twilight
#4E518B
ΔE00 8.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5D4094 #779440
analogous
#404D94 #5D4094 #874094
triadic
#5D4094 #945D40 #40945D
tetradic
#5D4094 #94404D #779440 #409487
square
#5D4094 #94404D #779440 #409487
split-complementary
#5D4094 #948740 #4D9440
monochromatic
#271B3F #422E69 #5D4094 #7A5AB8 #9C84CA
إمكانية الوصول والتباين
On white
8.00
#5D4094 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.63
#5D4094 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #5D4094
8.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5D4094 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5D4094 | 1.00 | 8.00 | 2.63 | 8.00 |
| #FFFFFF | 8.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.63 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.00 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#195197
Deuteranopia (green-blind)
#234F92
Tritanopia (blue-blind)
#505163
Achromatopsia (no color)
#515151
وسوم التصميم والكود
CSS
--color: #5d4094; /* rgb */ color: rgb(93, 64, 148); /* oklch */ color: oklch(44.7% 0.133 296.6);
Tailwind
colors: {
custom: {
50: '#8e76b4',
500: '#5d4094',
950: '#000000',
},
}SCSS
$custom: #5d4094; $custom-light: #8e76b4; $custom-dark: #000000;
JSON
{
"hex": "#5d4094",
"rgb": {
"r": 93,
"g": 64,
"b": 148
},
"hsl": {
"h": 260.714,
"s": 39.623,
"l": 41.569
},
"oklch": {
"l": 0.44665,
"c": 0.13305,
"h": 296.6
},
"luminance": 0.08132
}Semantic roles & 50–950 ramp
primary
#5D4094
secondary
#A1B47B
accent
#D058A6
background
#F9F7FB
surface
#F1EDF6
border
#CBC8D0
text
#0D0811
muted
#7E7B80