#A08EB4#A08EB4
#A08EB4 لون فاتح وخافت من عائلة بنفسجي. الإضاءة النسبية 0.301؛ OKLCH L 67.6% C 0.059 H 306.4°. أفضل لون لنص المتن هو #000000 بتباين 7.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A08EB4 |
|---|---|
| RGB | rgb(160, 142, 180) |
| HSL | hsl(268, 20%, 63%) |
| HSV | hsv(268, 21%, 71%) |
| CMYK | cmyk(11.1%, 21.1%, 0%, 29.4%) |
| CIE-LAB | lab(61.75, 14.16, -17.39) |
| CIE-LCH | lch(61.75, 22.43, 309.16°) |
| OKLab | oklab(67.57% 0.0348 -0.0472) |
| OKLCH | oklch(67.57% 0.059 306.4) |
| XYZ | xyz(32.4069, 30.1150, 47.2767) |
| Luminance | 0.3011 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Heather
#A484AC
ΔE00 4.46
Dusty Lavender
#AC86A8
ΔE00 6.15
Purpley Grey
#947E94
ΔE00 7.86
Pale Purple
#B790D4
ΔE00 8.10
Lavender
#B39DDB
ΔE00 8.15
Wisteria
#A87DC2
ΔE00 8.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A08EB4 #A2B48E
analogous
#8E8FB4 #A08EB4 #B38EB4
triadic
#A08EB4 #B4A08E #8EB4A0
tetradic
#A08EB4 #B48E8F #A2B48E #8EB4B3
square
#A08EB4 #B48E8F #A2B48E #8EB4B3
split-complementary
#A08EB4 #B4B38E #8FB48E
monochromatic
#635078 #81699C #A08EB4 #BFB3CC #DED8E5
إمكانية الوصول والتباين
On white
2.99
#A08EB4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.02
#A08EB4 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A08EB4
7.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A08EB4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A08EB4 | 1.00 | 2.99 | 7.02 | 7.02 |
| #FFFFFF | 2.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8894B6
Deuteranopia (green-blind)
#8B95B3
Tritanopia (blue-blind)
#9D939B
Achromatopsia (no color)
#959595
وسوم التصميم والكود
CSS
--color: #a08eb4; /* rgb */ color: rgb(160, 142, 180); /* oklch */ color: oklch(67.6% 0.059 306.4);
Tailwind
colors: {
custom: {
50: '#bcafca',
500: '#a08eb4',
950: '#000000',
},
}SCSS
$custom: #a08eb4; $custom-light: #bcafca; $custom-dark: #000000;
JSON
{
"hex": "#a08eb4",
"rgb": {
"r": 160,
"g": 142,
"b": 180
},
"hsl": {
"h": 268.421,
"s": 20.213,
"l": 63.137
},
"oklch": {
"l": 0.67572,
"c": 0.05862,
"h": 306.4
},
"luminance": 0.30115
}Semantic roles & 50–950 ramp
primary
#A08EB4
secondary
#CFD6C8
accent
#9F4775
background
#FBFAFC
surface
#F6F4F8
border
#D0CED1
text
#121013
muted
#817F82