#8A78AC#8A78AC
#8A78AC لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.218؛ OKLCH L 60.9% C 0.080 H 299.9°. أفضل لون لنص المتن هو #000000 بتباين 5.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A78AC |
|---|---|
| RGB | rgb(138, 120, 172) |
| HSL | hsl(261, 24%, 57%) |
| HSV | hsv(261, 30%, 67%) |
| CMYK | cmyk(19.8%, 30.2%, 0%, 32.5%) |
| CIE-LAB | lab(53.83, 17.83, -25.12) |
| CIE-LCH | lch(53.83, 30.80, 305.38°) |
| OKLab | oklab(60.89% 0.0398 -0.0692) |
| OKLCH | oklch(60.89% 0.08 299.9) |
| XYZ | xyz(24.6425, 21.8147, 41.9341) |
| Luminance | 0.2182 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Deep Lilac
#966EBD
ΔE00 6.30
Faded Purple
#916E99
ΔE00 6.45
Dark Lavender
#856798
ΔE00 6.69
Greyish Purple
#887191
ΔE00 7.00
Dark Lilac
#9C6DA5
ΔE00 7.03
Wisteria
#A87DC2
ΔE00 7.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A78AC #9AAC78
analogous
#7880AC #8A78AC #A478AC
triadic
#8A78AC #AC8A78 #78AC8A
tetradic
#8A78AC #AC7880 #9AAC78 #78ACA4
square
#8A78AC #AC7880 #9AAC78 #78ACA4
split-complementary
#8A78AC #ACA478 #80AC78
monochromatic
#4F4169 #6B588F #8A78AC #AB9EC3 #CCC4DB
إمكانية الوصول والتباين
On white
3.92
#8A78AC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.36
#8A78AC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8A78AC
5.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A78AC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8A78AC | 1.00 | 3.92 | 5.36 | 5.36 |
| #FFFFFF | 3.92 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6D81AE
Deuteranopia (green-blind)
#7080AB
Tritanopia (blue-blind)
#84808B
Achromatopsia (no color)
#818181
وسوم التصميم والكود
CSS
--color: #8a78ac; /* rgb */ color: rgb(138, 120, 172); /* oklch */ color: oklch(60.9% 0.080 299.9);
Tailwind
colors: {
custom: {
50: '#ad9fc5',
500: '#8a78ac',
950: '#000000',
},
}SCSS
$custom: #8a78ac; $custom-light: #ad9fc5; $custom-dark: #000000;
JSON
{
"hex": "#8a78ac",
"rgb": {
"r": 138,
"g": 120,
"b": 172
},
"hsl": {
"h": 260.769,
"s": 23.853,
"l": 57.255
},
"oklch": {
"l": 0.60892,
"c": 0.07981,
"h": 299.9
},
"luminance": 0.21815
}Semantic roles & 50–950 ramp
primary
#8A78AC
secondary
#C3CAB5
accent
#C067A2
background
#FAF9FC
surface
#F4F2F8
border
#CECCD1
text
#100E12
muted
#7F7E81