#9769A1#9769A1
#9769A1 لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.193؛ OKLCH L 58.9% C 0.098 H 320.3°. أفضل لون لنص المتن هو #000000 بتباين 4.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9769A1 |
|---|---|
| RGB | rgb(151, 105, 161) |
| HSL | hsl(289, 23%, 52%) |
| HSV | hsv(289, 35%, 63%) |
| CMYK | cmyk(6.2%, 34.8%, 0%, 36.9%) |
| CIE-LAB | lab(50.99, 28.37, -23.00) |
| CIE-LCH | lch(50.99, 36.52, 320.98°) |
| OKLab | oklab(58.88% 0.0756 -0.0628) |
| OKLCH | oklch(58.88% 0.098 320.3) |
| XYZ | xyz(24.2463, 19.2564, 36.1509) |
| Luminance | 0.1926 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Lilac
#9C6DA5
ΔE00 1.66
Faded Purple
#916E99
ΔE00 3.41
Dark Lavender
#856798
ΔE00 4.41
Soft Purple
#A66FB5
ΔE00 4.73
Deep Lilac
#966EBD
ΔE00 6.48
Purplish
#94568C
ΔE00 6.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9769A1 #73A169
analogous
#7B69A1 #9769A1 #A1698F
triadic
#9769A1 #A19769 #69A197
tetradic
#9769A1 #A17B69 #73A169 #698FA1
square
#9769A1 #A17B69 #73A169 #698FA1
split-complementary
#9769A1 #8FA169 #69A17B
monochromatic
#523758 #764F7E #9769A1 #B18FB9 #CBB4D0
إمكانية الوصول والتباين
On white
4.33
#9769A1 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.85
#9769A1 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9769A1
4.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9769A1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9769A1 | 1.00 | 4.33 | 4.85 | 4.85 |
| #FFFFFF | 4.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6276A3
Deuteranopia (green-blind)
#6D7B9F
Tritanopia (blue-blind)
#986F7E
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #9769a1; /* rgb */ color: rgb(151, 105, 161); /* oklch */ color: oklch(58.9% 0.098 320.3);
Tailwind
colors: {
custom: {
50: '#b694bd',
500: '#9769a1',
950: '#000000',
},
}SCSS
$custom: #9769a1; $custom-light: #b694bd; $custom-dark: #000000;
JSON
{
"hex": "#9769a1",
"rgb": {
"r": 151,
"g": 105,
"b": 161
},
"hsl": {
"h": 289.286,
"s": 22.951,
"l": 52.157
},
"oklch": {
"l": 0.58879,
"c": 0.09832,
"h": 320.3
},
"luminance": 0.19256
}Semantic roles & 50–950 ramp
primary
#9769A1
secondary
#ABBFA7
accent
#BF6878
background
#FBF9FB
surface
#F6F1F6
border
#D0CBD0
text
#110D12
muted
#807E81