#A58BC8#A58BC8
#A58BC8 لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.306؛ OKLCH L 68.3% C 0.092 H 303.6°. أفضل لون لنص المتن هو #000000 بتباين 7.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A58BC8 |
|---|---|
| RGB | rgb(165, 139, 200) |
| HSL | hsl(266, 36%, 66%) |
| HSV | hsv(266, 31%, 78%) |
| CMYK | cmyk(17.5%, 30.5%, 0%, 21.6%) |
| CIE-LAB | lab(62.20, 21.91, -27.94) |
| CIE-LCH | lch(62.20, 35.51, 308.10°) |
| OKLab | oklab(68.27% 0.051 -0.0769) |
| OKLCH | oklch(68.27% 0.092 303.6) |
| XYZ | xyz(35.1729, 30.6348, 58.6925) |
| Luminance | 0.3064 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Pale Purple
#B790D4
ΔE00 3.91
Wisteria
#A87DC2
ΔE00 4.70
Lavender
#B39DDB
ΔE00 5.38
Heather
#A484AC
ΔE00 6.78
Lavender (survey)
#C79FEF
ΔE00 8.43
Soft Purple
#A66FB5
ΔE00 9.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A58BC8 #AEC88B
analogous
#8B90C8 #A58BC8 #C48BC8
triadic
#A58BC8 #C8A58B #8BC8A5
tetradic
#A58BC8 #C88B90 #AEC88B #8BC8C4
square
#A58BC8 #C88B90 #AEC88B #8BC8C4
split-complementary
#A58BC8 #C8C48B #90C88B
monochromatic
#674693 #8561B4 #A58BC8 #C5B5DC #E5DEEF
إمكانية الوصول والتباين
On white
2.95
#A58BC8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.13
#A58BC8 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A58BC8
7.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A58BC8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A58BC8 | 1.00 | 2.95 | 7.13 | 7.13 |
| #FFFFFF | 2.95 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7F96CA
Deuteranopia (green-blind)
#8396C6
Tritanopia (blue-blind)
#A094A1
Achromatopsia (no color)
#969696
وسوم التصميم والكود
CSS
--color: #a58bc8; /* rgb */ color: rgb(165, 139, 200); /* oklch */ color: oklch(68.3% 0.092 303.6);
Tailwind
colors: {
custom: {
50: '#c0add9',
500: '#a58bc8',
950: '#000000',
},
}SCSS
$custom: #a58bc8; $custom-light: #c0add9; $custom-dark: #000000;
JSON
{
"hex": "#a58bc8",
"rgb": {
"r": 165,
"g": 139,
"b": 200
},
"hsl": {
"h": 265.574,
"s": 35.673,
"l": 66.471
},
"oklch": {
"l": 0.68269,
"c": 0.09227,
"h": 303.6
},
"luminance": 0.30635
}Semantic roles & 50–950 ramp
primary
#A58BC8
secondary
#D9E1CE
accent
#AF377C
background
#FBFAFD
surface
#F7F4FA
border
#D0CED3
text
#121014
muted
#817F83