#A07CAE#A07CAE
#A07CAE لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.249؛ OKLCH L 63.9% C 0.084 H 316.3°. أفضل لون لنص المتن هو #000000 بتباين 5.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A07CAE |
|---|---|
| RGB | rgb(160, 124, 174) |
| HSL | hsl(283, 24%, 58%) |
| HSV | hsv(283, 29%, 68%) |
| CMYK | cmyk(8%, 28.7%, 0%, 31.8%) |
| CIE-LAB | lab(57.02, 23.18, -21.18) |
| CIE-LCH | lch(57.02, 31.40, 317.58°) |
| OKLab | oklab(63.86% 0.0605 -0.0577) |
| OKLCH | oklch(63.86% 0.084 316.3) |
| XYZ | xyz(29.3437, 24.9454, 43.3053) |
| Luminance | 0.2495 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Heather
#A484AC
ΔE00 3.41
Wisteria
#A87DC2
ΔE00 4.51
Dark Lilac
#9C6DA5
ΔE00 4.86
Soft Purple
#A66FB5
ΔE00 5.26
Dusty Lavender
#AC86A8
ΔE00 5.79
Faded Purple
#916E99
ΔE00 5.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A07CAE #8AAE7C
analogous
#877CAE #A07CAE #AE7CA3
triadic
#A07CAE #AEA07C #7CAEA0
tetradic
#A07CAE #AE877C #8AAE7C #7CA3AE
square
#A07CAE #AE877C #8AAE7C #7CA3AE
split-complementary
#A07CAE #A3AE7C #7CAE87
monochromatic
#61436D #835A92 #A07CAE #BBA2C5 #D7C8DD
إمكانية الوصول والتباين
On white
3.51
#A07CAE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.99
#A07CAE on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A07CAE
5.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A07CAE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A07CAE | 1.00 | 3.51 | 5.99 | 5.99 |
| #FFFFFF | 3.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7587B0
Deuteranopia (green-blind)
#7D8AAC
Tritanopia (blue-blind)
#A0828E
Achromatopsia (no color)
#898989
وسوم التصميم والكود
CSS
--color: #a07cae; /* rgb */ color: rgb(160, 124, 174); /* oklch */ color: oklch(63.9% 0.084 316.3);
Tailwind
colors: {
custom: {
50: '#bca2c6',
500: '#a07cae',
950: '#000000',
},
}SCSS
$custom: #a07cae; $custom-light: #bca2c6; $custom-dark: #000000;
JSON
{
"hex": "#a07cae",
"rgb": {
"r": 160,
"g": 124,
"b": 174
},
"hsl": {
"h": 283.2,
"s": 23.585,
"l": 58.431
},
"oklch": {
"l": 0.63861,
"c": 0.08359,
"h": 316.3
},
"luminance": 0.24945
}Semantic roles & 50–950 ramp
primary
#A07CAE
secondary
#BFCDB9
accent
#C06880
background
#FBFAFC
surface
#F6F3F8
border
#D0CDD1
text
#120F13
muted
#817F82