#9E649F#9E649F
#9E649F لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.189؛ OKLCH L 58.7% C 0.110 H 326.3°. أفضل لون لنص المتن هو #000000 بتباين 4.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9E649F |
|---|---|
| RGB | rgb(158, 100, 159) |
| HSL | hsl(299, 24%, 51%) |
| HSV | hsv(299, 37%, 62%) |
| CMYK | cmyk(0.6%, 37.1%, 0%, 37.6%) |
| CIE-LAB | lab(50.56, 33.12, -22.42) |
| CIE-LCH | lch(50.56, 39.99, 325.91°) |
| OKLab | oklab(58.71% 0.0914 -0.061) |
| OKLCH | oklch(58.71% 0.11 326.3) |
| XYZ | xyz(24.9152, 18.8877, 35.1274) |
| Luminance | 0.1889 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Lilac
#9C6DA5
ΔE00 3.02
Faded Purple
#916E99
ΔE00 5.12
Purpleish
#98568D
ΔE00 5.16
Soft Purple
#A66FB5
ΔE00 5.18
Purplish
#94568C
ΔE00 5.42
Dark Lavender
#856798
ΔE00 6.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9E649F #659F64
analogous
#80649F #9E649F #9F6482
triadic
#9E649F #9F9E64 #649F9E
tetradic
#9E649F #9F8064 #659F64 #64829F
square
#9E649F #9F8064 #659F64 #64829F
split-complementary
#9E649F #829F64 #649F80
monochromatic
#543454 #794C7A #9E649F #B68AB6 #CDB0CE
إمكانية الوصول والتباين
On white
4.40
#9E649F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.78
#9E649F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9E649F
4.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9E649F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9E649F | 1.00 | 4.40 | 4.78 | 4.78 |
| #FFFFFF | 4.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5F74A1
Deuteranopia (green-blind)
#6E7B9D
Tritanopia (blue-blind)
#A16A7A
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #9e649f; /* rgb */ color: rgb(158, 100, 159); /* oklch */ color: oklch(58.7% 0.110 326.3);
Tailwind
colors: {
custom: {
50: '#bc91bb',
500: '#9e649f',
950: '#000000',
},
}SCSS
$custom: #9e649f; $custom-light: #bc91bb; $custom-dark: #000000;
JSON
{
"hex": "#9e649f",
"rgb": {
"r": 158,
"g": 100,
"b": 159
},
"hsl": {
"h": 298.983,
"s": 23.506,
"l": 50.784
},
"oklch": {
"l": 0.58706,
"c": 0.10994,
"h": 326.3
},
"luminance": 0.18887
}Semantic roles & 50–950 ramp
primary
#9E649F
secondary
#A3BCA2
accent
#C06869
background
#FBF9FB
surface
#F6F1F6
border
#D0CBD0
text
#120D12
muted
#817E81