#954DEC#954DEC
#954DEC لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.178؛ OKLCH L 58.8% C 0.227 H 300.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #954DEC |
|---|---|
| RGB | rgb(149, 77, 236) |
| HSL | hsl(267, 81%, 61%) |
| HSV | hsv(267, 67%, 93%) |
| CMYK | cmyk(36.9%, 67.4%, 0%, 7.5%) |
| CIE-LAB | lab(49.20, 60.12, -68.95) |
| CIE-LCH | lch(49.20, 91.47, 311.09°) |
| OKLab | oklab(58.85% 0.1144 -0.1965) |
| OKLCH | oklch(58.85% 0.227 300.2) |
| XYZ | xyz(30.1849, 17.7532, 81.1770) |
| Luminance | 0.1775 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley
#8756E4
ΔE00 2.91
Lightish Purple
#A552E6
ΔE00 3.53
Lighter Purple
#A55AF4
ΔE00 4.72
Electric Purple
#AA23FF
ΔE00 5.32
Bright Violet
#AD0AFD
ΔE00 6.43
Neon Purple
#BC13FE
ΔE00 6.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#954DEC #A4EC4D
analogous
#4D55EC #954DEC #E54DEC
triadic
#954DEC #EC954D #4DEC95
tetradic
#954DEC #EC4D55 #A4EC4D #4DECE5
square
#954DEC #EC4D55 #A4EC4D #4DECE5
split-complementary
#954DEC #ECE54D #55EC4D
monochromatic
#5812AC #7418E4 #954DEC #B684F2 #D7BCF8
إمكانية الوصول والتباين
On white
4.61
#954DEC on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.55
#954DEC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #954DEC
4.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##954DEC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##954DEC | 1.00 | 4.61 | 4.55 | 4.61 |
| #FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0074F1
Deuteranopia (green-blind)
#0074E9
Tritanopia (blue-blind)
#827297
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #954dec; /* rgb */ color: rgb(149, 77, 236); /* oklch */ color: oklch(58.8% 0.227 300.2);
Tailwind
colors: {
custom: {
50: '#ba84f3',
500: '#954dec',
950: '#000000',
},
}SCSS
$custom: #954dec; $custom-light: #ba84f3; $custom-dark: #000000;
JSON
{
"hex": "#954dec",
"rgb": {
"r": 149,
"g": 77,
"b": 236
},
"hsl": {
"h": 267.17,
"s": 80.711,
"l": 61.373
},
"oklch": {
"l": 0.58848,
"c": 0.22732,
"h": 300.2
},
"luminance": 0.17753
}Semantic roles & 50–950 ramp
primary
#954DEC
secondary
#CDE8AD
accent
#DD087D
background
#FCF8FF
surface
#F8EFFE
border
#D1CAD6
text
#120B17
muted
#817C85