#8024B1#8024B1
#8024B1 لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.090؛ OKLCH L 47.6% C 0.209 H 310.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.49:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8024B1 |
|---|---|
| RGB | rgb(128, 36, 177) |
| HSL | hsl(279, 66%, 42%) |
| HSV | hsv(279, 80%, 69%) |
| CMYK | cmyk(27.7%, 79.7%, 0%, 30.6%) |
| CIE-LAB | lab(36.03, 59.99, -56.35) |
| CIE-LCH | lch(36.03, 82.30, 316.79°) |
| OKLab | oklab(47.58% 0.1349 -0.1599) |
| OKLCH | oklch(47.58% 0.209 310.1) |
| XYZ | xyz(17.4672, 9.0257, 42.4084) |
| Luminance | 0.0902 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purple (survey)
#7E1E9C
ΔE00 3.49
Darkviolet
#9400D3
ΔE00 5.13
Rebeccapurple
#663399
ΔE00 5.66
Darkorchid
#9932CC
ΔE00 6.57
Blueviolet
#8A2BE2
ΔE00 7.28
Purply
#983FB2
ΔE00 7.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8024B1 #55B124
analogous
#3A24B1 #8024B1 #B1249C
triadic
#8024B1 #B18024 #24B180
tetradic
#8024B1 #B13A24 #55B124 #249CB1
square
#8024B1 #B13A24 #55B124 #249CB1
split-complementary
#8024B1 #9CB124 #24B13A
monochromatic
#360F4B #5B1A7E #8024B1 #A13BD7 #B96EE1
إمكانية الوصول والتباين
On white
7.49
#8024B1 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.81
#8024B1 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #8024B1
7.49:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8024B1 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8024B1 | 1.00 | 7.49 | 2.81 | 7.49 |
| #FFFFFF | 7.49 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.81 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.49 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0051B5
Deuteranopia (green-blind)
#0056AE
Tritanopia (blue-blind)
#79486B
Achromatopsia (no color)
#555555
وسوم التصميم والكود
CSS
--color: #8024b1; /* rgb */ color: rgb(128, 36, 177); /* oklch */ color: oklch(47.6% 0.209 310.1);
Tailwind
colors: {
custom: {
50: '#aa6ac9',
500: '#8024b1',
950: '#000000',
},
}SCSS
$custom: #8024b1; $custom-light: #aa6ac9; $custom-dark: #000000;
JSON
{
"hex": "#8024b1",
"rgb": {
"r": 128,
"g": 36,
"b": 177
},
"hsl": {
"h": 279.149,
"s": 66.197,
"l": 41.765
},
"oklch": {
"l": 0.47575,
"c": 0.20917,
"h": 310.1
},
"luminance": 0.09025
}Semantic roles & 50–950 ramp
primary
#8024B1
secondary
#8AC869
accent
#E93F7A
background
#FAF6FC
surface
#F5ECF8
border
#CFC7D1
text
#110713
muted
#807A82