#9628CA#9628CA
#9628CA لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.123؛ OKLCH L 52.8% C 0.234 H 311.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9628CA |
|---|---|
| RGB | rgb(150, 40, 202) |
| HSL | hsl(281, 67%, 47%) |
| HSV | hsv(281, 80%, 79%) |
| CMYK | cmyk(25.7%, 80.2%, 0%, 20.8%) |
| CIE-LAB | lab(41.64, 67.57, -61.79) |
| CIE-LCH | lch(41.64, 91.56, 317.56°) |
| OKLab | oklab(52.75% 0.1552 -0.1752) |
| OKLCH | oklch(52.75% 0.234 311.5) |
| XYZ | xyz(23.9951, 12.2665, 56.9693) |
| Luminance | 0.1227 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Darkorchid
#9932CC
ΔE00 1.70
Darkviolet
#9400D3
ΔE00 2.92
Vibrant Purple
#AD03DE
ΔE00 4.07
Blueviolet
#8A2BE2
ΔE00 4.11
Violet (survey)
#9A0EEA
ΔE00 4.12
Purply
#983FB2
ΔE00 5.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9628CA #5CCA28
analogous
#4528CA #9628CA #CA28AD
triadic
#9628CA #CA9628 #28CA96
tetradic
#9628CA #CA4528 #5CCA28 #28ADCA
square
#9628CA #CA4528 #5CCA28 #28ADCA
split-complementary
#9628CA #ADCA28 #28CA45
monochromatic
#4A1464 #701E97 #9628CA #B052DD #C885E7
إمكانية الوصول والتباين
On white
6.08
#9628CA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.45
#9628CA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #9628CA
6.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9628CA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##9628CA | 1.00 | 6.08 | 3.45 | 6.08 |
| #FFFFFF | 6.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.08 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#005DCE
Deuteranopia (green-blind)
#0064C7
Tritanopia (blue-blind)
#8F517A
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #9628ca; /* rgb */ color: rgb(150, 40, 202); /* oklch */ color: oklch(52.8% 0.234 311.5);
Tailwind
colors: {
custom: {
50: '#ba70db',
500: '#9628ca',
950: '#000000',
},
}SCSS
$custom: #9628ca; $custom-light: #ba70db; $custom-dark: #000000;
JSON
{
"hex": "#9628ca",
"rgb": {
"r": 150,
"g": 40,
"b": 202
},
"hsl": {
"h": 280.741,
"s": 66.942,
"l": 47.451
},
"oklch": {
"l": 0.52752,
"c": 0.23401,
"h": 311.5
},
"luminance": 0.12266
}Semantic roles & 50–950 ramp
primary
#9628CA
secondary
#98D07E
accent
#EA3E75
background
#FCF7FD
surface
#F8EDFB
border
#D1C8D4
text
#120815
muted
#817B83