#A489AC#A489AC
#A489AC لون فاتح وخافت من عائلة purple. الإضاءة النسبية 0.288؛ OKLCH L 66.7% C 0.059 H 318.4°. أفضل لون لنص المتن هو #000000 بتباين 6.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A489AC |
|---|---|
| RGB | rgb(164, 137, 172) |
| HSL | hsl(286, 17%, 61%) |
| HSV | hsv(286, 20%, 67%) |
| CMYK | cmyk(4.7%, 20.3%, 0%, 32.5%) |
| CIE-LAB | lab(60.57, 16.70, -14.60) |
| CIE-LCH | lch(60.57, 22.18, 318.82°) |
| OKLab | oklab(66.66% 0.0444 -0.0394) |
| OKLCH | oklch(66.66% 0.059 318.4) |
| XYZ | xyz(31.7008, 28.7629, 42.9035) |
| Luminance | 0.2876 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Heather
#A484AC
ΔE00 2.09
Dusty Lavender
#AC86A8
ΔE00 3.07
Purpley Grey
#947E94
ΔE00 6.25
Wisteria
#A87DC2
ΔE00 8.43
Lilac
#C8A2C8
ΔE00 8.92
Pale Purple
#B790D4
ΔE00 8.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A489AC #91AC89
analogous
#9289AC #A489AC #AC89A2
triadic
#A489AC #ACA489 #89ACA4
tetradic
#A489AC #AC9289 #91AC89 #89A2AC
square
#A489AC #AC9289 #91AC89 #89A2AC
split-complementary
#A489AC #A2AC89 #89AC92
monochromatic
#664D6E #886691 #A489AC #C0ADC5 #DBD1DF
إمكانية الوصول والتباين
On white
3.11
#A489AC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.75
#A489AC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A489AC
6.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A489AC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A489AC | 1.00 | 3.11 | 6.75 | 6.75 |
| #FFFFFF | 3.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.75 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.75 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8590AD
Deuteranopia (green-blind)
#8B93AB
Tritanopia (blue-blind)
#A48D95
Achromatopsia (no color)
#929292
وسوم التصميم والكود
CSS
--color: #a489ac; /* rgb */ color: rgb(164, 137, 172); /* oklch */ color: oklch(66.7% 0.059 318.4);
Tailwind
colors: {
custom: {
50: '#bfabc4',
500: '#a489ac',
950: '#000000',
},
}SCSS
$custom: #a489ac; $custom-light: #bfabc4; $custom-dark: #000000;
JSON
{
"hex": "#a489ac",
"rgb": {
"r": 164,
"g": 137,
"b": 172
},
"hsl": {
"h": 286.286,
"s": 17.413,
"l": 60.588
},
"oklch": {
"l": 0.66655,
"c": 0.05935,
"h": 318.4
},
"luminance": 0.28762
}Semantic roles & 50–950 ramp
primary
#A489AC
secondary
#C5CFC2
accent
#9C4A5D
background
#FBFAFC
surface
#F7F4F8
border
#D0CED1
text
#121012
muted
#817F81