#8D7CAF#8D7CAF
#8D7CAF لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.232؛ OKLCH L 62.1% C 0.078 H 299.4°. أفضل لون لنص المتن هو #000000 بتباين 5.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8D7CAF |
|---|---|
| RGB | rgb(141, 124, 175) |
| HSL | hsl(260, 24%, 59%) |
| HSV | hsv(260, 29%, 69%) |
| CMYK | cmyk(19.4%, 29.1%, 0%, 31.4%) |
| CIE-LAB | lab(55.25, 17.16, -24.63) |
| CIE-LCH | lch(55.25, 30.02, 304.87°) |
| OKLab | oklab(62.09% 0.0382 -0.0678) |
| OKLCH | oklch(62.09% 0.078 299.4) |
| XYZ | xyz(25.9284, 23.1731, 43.6560) |
| Luminance | 0.2317 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Wisteria
#A87DC2
ΔE00 6.82
Deep Lilac
#966EBD
ΔE00 6.89
Heather
#A484AC
ΔE00 6.99
Faded Purple
#916E99
ΔE00 7.17
Greyish Purple
#887191
ΔE00 7.56
Dark Lilac
#9C6DA5
ΔE00 7.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8D7CAF #9EAF7C
analogous
#7C84AF #8D7CAF #A67CAF
triadic
#8D7CAF #AF8D7C #7CAF8D
tetradic
#8D7CAF #AF7C84 #9EAF7C #7CAFA6
square
#8D7CAF #AF7C84 #9EAF7C #7CAFA6
split-complementary
#8D7CAF #AFA67C #84AF7C
monochromatic
#51436E #6D5A94 #8D7CAF #AEA2C6 #CFC8DD
إمكانية الوصول والتباين
On white
3.73
#8D7CAF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.63
#8D7CAF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8D7CAF
5.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8D7CAF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8D7CAF | 1.00 | 3.73 | 5.63 | 5.63 |
| #FFFFFF | 3.73 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7184B1
Deuteranopia (green-blind)
#7484AE
Tritanopia (blue-blind)
#87848E
Achromatopsia (no color)
#848484
وسوم التصميم والكود
CSS
--color: #8d7caf; /* rgb */ color: rgb(141, 124, 175); /* oklch */ color: oklch(62.1% 0.078 299.4);
Tailwind
colors: {
custom: {
50: '#afa2c7',
500: '#8d7caf',
950: '#000000',
},
}SCSS
$custom: #8d7caf; $custom-light: #afa2c7; $custom-dark: #000000;
JSON
{
"hex": "#8d7caf",
"rgb": {
"r": 141,
"g": 124,
"b": 175
},
"hsl": {
"h": 260,
"s": 24.171,
"l": 58.627
},
"oklch": {
"l": 0.62088,
"c": 0.07781,
"h": 299.4
},
"luminance": 0.23173
}Semantic roles & 50–950 ramp
primary
#8D7CAF
secondary
#C7CDB9
accent
#C167A3
background
#FAF9FC
surface
#F4F2F8
border
#CECCD1
text
#100F13
muted
#7F7E82