#8A729B#8A729B
#8A729B لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.198؛ OKLCH L 59.0% C 0.067 H 310.9°. أفضل لون لنص المتن هو #000000 بتباين 4.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A729B |
|---|---|
| RGB | rgb(138, 114, 155) |
| HSL | hsl(275, 17%, 53%) |
| HSV | hsv(275, 26%, 61%) |
| CMYK | cmyk(11%, 26.5%, 0%, 39.2%) |
| CIE-LAB | lab(51.62, 17.46, -18.63) |
| CIE-LCH | lch(51.62, 25.54, 313.14°) |
| OKLab | oklab(58.97% 0.044 -0.0508) |
| OKLCH | oklch(58.97% 0.067 310.9) |
| XYZ | xyz(22.4139, 19.8047, 33.6459) |
| Luminance | 0.1980 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Greyish Purple
#887191
ΔE00 2.83
Faded Purple
#916E99
ΔE00 2.87
Grey Purple
#826D8C
ΔE00 3.95
Dark Lavender
#856798
ΔE00 4.20
Dark Lilac
#9C6DA5
ΔE00 5.62
Purple Grey
#866F85
ΔE00 6.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A729B #839B72
analogous
#76729B #8A729B #9B7297
triadic
#8A729B #9B8A72 #729B8A
tetradic
#8A729B #9B7672 #839B72 #72979B
square
#8A729B #9B7672 #839B72 #72979B
split-complementary
#8A729B #979B72 #729B76
monochromatic
#4B3D56 #6B567A #8A729B #A896B4 #C5BACE
إمكانية الوصول والتباين
On white
4.23
#8A729B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.96
#8A729B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8A729B
4.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A729B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8A729B | 1.00 | 4.23 | 4.96 | 4.96 |
| #FFFFFF | 4.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.96 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C7A9D
Deuteranopia (green-blind)
#707C9A
Tritanopia (blue-blind)
#887780
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #8a729b; /* rgb */ color: rgb(138, 114, 155); /* oklch */ color: oklch(59.0% 0.067 310.9);
Tailwind
colors: {
custom: {
50: '#ac9ab8',
500: '#8a729b',
950: '#000000',
},
}SCSS
$custom: #8a729b; $custom-light: #ac9ab8; $custom-dark: #000000;
JSON
{
"hex": "#8a729b",
"rgb": {
"r": 138,
"g": 114,
"b": 155
},
"hsl": {
"h": 275.122,
"s": 17.012,
"l": 52.745
},
"oklch": {
"l": 0.58969,
"c": 0.06719,
"h": 310.9
},
"luminance": 0.19804
}Semantic roles & 50–950 ramp
primary
#8A729B
secondary
#B3BDAC
accent
#BA6E8D
background
#FAF9FB
surface
#F4F2F6
border
#CECCD0
text
#100E11
muted
#7F7E80