#8A7580#8A7580
#8A7580 لون متوسط وخافت من عائلة زهري. الإضاءة النسبية 0.197؛ OKLCH L 58.6% C 0.031 H 345.2°. أفضل لون لنص المتن هو #000000 بتباين 4.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A7580 |
|---|---|
| RGB | rgb(138, 117, 128) |
| HSL | hsl(329, 8%, 50%) |
| HSV | hsv(329, 15%, 54%) |
| CMYK | cmyk(0%, 15.2%, 7.2%, 45.9%) |
| CIE-LAB | lab(51.48, 10.15, -2.98) |
| CIE-LCH | lch(51.48, 10.58, 343.63°) |
| OKLab | oklab(58.56% 0.0295 -0.0078) |
| OKLCH | oklch(58.56% 0.031 345.2) |
| XYZ | xyz(20.7385, 19.6848, 23.1250) |
| Luminance | 0.1968 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Purple Grey
#866F85
ΔE00 4.74
Purpley Grey
#947E94
ΔE00 5.70
Purplish Grey
#7A687F
ΔE00 7.10
Greyish Purple
#887191
ΔE00 7.71
Grey Purple
#826D8C
ΔE00 7.88
Reddish Grey
#997570
ΔE00 8.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A7580 #758A7F
analogous
#89758A #8A7580 #8A7576
triadic
#8A7580 #808A75 #75808A
tetradic
#8A7580 #8A8975 #758A7F #75768A
square
#8A7580 #8A8975 #758A7F #75768A
split-complementary
#8A7580 #768A75 #758A89
monochromatic
#483D43 #695961 #8A7580 #A6969E #C2B7BD
إمكانية الوصول والتباين
On white
4.25
#8A7580 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.94
#8A7580 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8A7580
4.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A7580 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8A7580 | 1.00 | 4.25 | 4.94 | 4.94 |
| #FFFFFF | 4.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.94 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#767980
Deuteranopia (green-blind)
#7B7C7F
Tritanopia (blue-blind)
#8D7579
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #8a7580; /* rgb */ color: rgb(138, 117, 128); /* oklch */ color: oklch(58.6% 0.031 345.2);
Tailwind
colors: {
custom: {
50: '#ac9ca4',
500: '#8a7580',
950: '#000000',
},
}SCSS
$custom: #8a7580; $custom-light: #ac9ca4; $custom-dark: #000000;
JSON
{
"hex": "#8a7580",
"rgb": {
"r": 138,
"g": 117,
"b": 128
},
"hsl": {
"h": 328.571,
"s": 8.235,
"l": 50
},
"oklch": {
"l": 0.58559,
"c": 0.03051,
"h": 345.2
},
"luminance": 0.19684
}Semantic roles & 50–950 ramp
primary
#8A7580
secondary
#A9B2AD
accent
#B19377
background
#FAF9FA
surface
#F4F2F4
border
#CECCCE
text
#100E0F
muted
#7F7E7F