#9454BC#9454BC
#9454BC لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.163؛ OKLCH L 56.5% C 0.164 H 310.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9454BC |
|---|---|
| RGB | rgb(148, 84, 188) |
| HSL | hsl(277, 44%, 53%) |
| HSV | hsv(277, 55%, 74%) |
| CMYK | cmyk(21.3%, 55.3%, 0%, 26.3%) |
| CIE-LAB | lab(47.32, 45.08, -44.52) |
| CIE-LCH | lch(47.32, 63.36, 315.36°) |
| OKLab | oklab(56.49% 0.107 -0.1248) |
| OKLCH | oklch(56.49% 0.164 310.6) |
| XYZ | xyz(24.4585, 16.2679, 49.4188) |
| Luminance | 0.1627 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Deep Lavender
#8D5EB7
ΔE00 3.12
Amethyst
#9B5FC0
ΔE00 3.50
Purply
#983FB2
ΔE00 5.07
Royal Purple
#7851A9
ΔE00 6.12
Medium Purple
#9E43A2
ΔE00 6.74
Lightish Purple
#A552E6
ΔE00 6.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9454BC #7CBC54
analogous
#6054BC #9454BC #BC54B0
triadic
#9454BC #BC9454 #54BC94
tetradic
#9454BC #BC6054 #7CBC54 #54B0BC
square
#9454BC #BC6054 #7CBC54 #54B0BC
split-complementary
#9454BC #B0BC54 #54BC60
monochromatic
#522A6B #743B97 #9454BC #B080CD #CBACDE
إمكانية الوصول والتباين
On white
4.94
#9454BC on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.25
#9454BC on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #9454BC
4.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9454BC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##9454BC | 1.00 | 4.94 | 4.25 | 4.94 |
| #FFFFFF | 4.94 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.94 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#356DBF
Deuteranopia (green-blind)
#4B71B9
Tritanopia (blue-blind)
#8F6680
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #9454bc; /* rgb */ color: rgb(148, 84, 188); /* oklch */ color: oklch(56.5% 0.164 310.6);
Tailwind
colors: {
custom: {
50: '#b687d1',
500: '#9454bc',
950: '#000000',
},
}SCSS
$custom: #9454bc; $custom-light: #b687d1; $custom-dark: #000000;
JSON
{
"hex": "#9454bc",
"rgb": {
"r": 148,
"g": 84,
"b": 188
},
"hsl": {
"h": 276.923,
"s": 43.697,
"l": 53.333
},
"oklch": {
"l": 0.56491,
"c": 0.16443,
"h": 310.6
},
"luminance": 0.16267
}Semantic roles & 50–950 ramp
primary
#9454BC
secondary
#B1CCA0
accent
#D35485
background
#FBF8FC
surface
#F6F0F9
border
#D0CBD2
text
#110B14
muted
#807C82