#A58BBF#A58BBF
#A58BBF لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.302؛ OKLCH L 67.9% C 0.080 H 307.1°. أفضل لون لنص المتن هو #000000 بتباين 7.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A58BBF |
|---|---|
| RGB | rgb(165, 139, 191) |
| HSL | hsl(270, 29%, 65%) |
| HSV | hsv(270, 27%, 75%) |
| CMYK | cmyk(13.6%, 27.2%, 0%, 25.1%) |
| CIE-LAB | lab(61.85, 19.91, -23.42) |
| CIE-LCH | lch(61.85, 30.73, 310.37°) |
| OKLab | oklab(67.89% 0.0485 -0.064) |
| OKLCH | oklch(67.89% 0.08 307.1) |
| XYZ | xyz(34.1519, 30.2264, 53.3152) |
| Luminance | 0.3023 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Heather
#A484AC
ΔE00 4.69
Pale Purple
#B790D4
ΔE00 4.84
Wisteria
#A87DC2
ΔE00 5.20
Lavender
#B39DDB
ΔE00 6.27
Dusty Lavender
#AC86A8
ΔE00 6.92
Soft Purple
#A66FB5
ΔE00 8.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A58BBF #A5BF8B
analogous
#8B8BBF #A58BBF #BF8BBF
triadic
#A58BBF #BFA58B #8BBFA5
tetradic
#A58BBF #BF8B8B #A5BF8B #8BBFBF
square
#A58BBF #BF8B8B #A5BF8B #8BBFBF
split-complementary
#A58BBF #BFBF8B #8BBF8B
monochromatic
#684A86 #8664A9 #A58BBF #C4B2D5 #E2DAEB
إمكانية الوصول والتباين
On white
2.98
#A58BBF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.05
#A58BBF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A58BBF
7.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A58BBF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A58BBF | 1.00 | 2.98 | 7.05 | 7.05 |
| #FFFFFF | 2.98 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8294C1
Deuteranopia (green-blind)
#8796BD
Tritanopia (blue-blind)
#A2929D
Achromatopsia (no color)
#959595
وسوم التصميم والكود
CSS
--color: #a58bbf; /* rgb */ color: rgb(165, 139, 191); /* oklch */ color: oklch(67.9% 0.080 307.1);
Tailwind
colors: {
custom: {
50: '#c0add2',
500: '#a58bbf',
950: '#000000',
},
}SCSS
$custom: #a58bbf; $custom-light: #c0add2; $custom-dark: #000000;
JSON
{
"hex": "#a58bbf",
"rgb": {
"r": 165,
"g": 139,
"b": 191
},
"hsl": {
"h": 270,
"s": 28.889,
"l": 64.706
},
"oklch": {
"l": 0.67886,
"c": 0.08033,
"h": 307.1
},
"luminance": 0.30226
}Semantic roles & 50–950 ramp
primary
#A58BBF
secondary
#D3DCCA
accent
#A83E73
background
#FBFAFC
surface
#F7F4F9
border
#D0CED2
text
#121014
muted
#817F82