#A282C2#A282C2
#A282C2 لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.275؛ OKLCH L 66.0% C 0.099 H 306.8°. أفضل لون لنص المتن هو #000000 بتباين 6.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A282C2 |
|---|---|
| RGB | rgb(162, 130, 194) |
| HSL | hsl(270, 34%, 64%) |
| HSV | hsv(270, 33%, 76%) |
| CMYK | cmyk(16.5%, 33%, 0%, 23.9%) |
| CIE-LAB | lab(59.47, 24.75, -28.79) |
| CIE-LCH | lch(59.47, 37.97, 310.68°) |
| OKLab | oklab(66.04% 0.0592 -0.0793) |
| OKLCH | oklch(66.04% 0.099 306.8) |
| XYZ | xyz(32.6187, 27.5419, 54.6262) |
| Luminance | 0.2754 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Wisteria
#A87DC2
ΔE00 2.35
Pale Purple
#B790D4
ΔE00 5.34
Heather
#A484AC
ΔE00 6.36
Soft Purple
#A66FB5
ΔE00 6.36
Deep Lilac
#966EBD
ΔE00 6.59
Dark Lilac
#9C6DA5
ΔE00 7.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A282C2 #A2C282
analogous
#8282C2 #A282C2 #C282C2
triadic
#A282C2 #C2A282 #82C2A2
tetradic
#A282C2 #C28282 #A2C282 #82C2C2
square
#A282C2 #C28282 #A2C282 #82C2C2
split-complementary
#A282C2 #C2C282 #82C282
monochromatic
#654287 #8359AE #A282C2 #C1ABD6 #DFD4EA
إمكانية الوصول والتباين
On white
3.23
#A282C2 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.51
#A282C2 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A282C2
6.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A282C2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A282C2 | 1.00 | 3.23 | 6.51 | 6.51 |
| #FFFFFF | 3.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#758EC5
Deuteranopia (green-blind)
#7C90C0
Tritanopia (blue-blind)
#9E8B99
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #a282c2; /* rgb */ color: rgb(162, 130, 194); /* oklch */ color: oklch(66.0% 0.099 306.8);
Tailwind
colors: {
custom: {
50: '#bea6d4',
500: '#a282c2',
950: '#000000',
},
}SCSS
$custom: #a282c2; $custom-light: #bea6d4; $custom-dark: #000000;
JSON
{
"hex": "#a282c2",
"rgb": {
"r": 162,
"g": 130,
"b": 194
},
"hsl": {
"h": 270,
"s": 34.409,
"l": 63.529
},
"oklch": {
"l": 0.66039,
"c": 0.09898,
"h": 306.8
},
"luminance": 0.27542
}Semantic roles & 50–950 ramp
primary
#A282C2
secondary
#D0DBC5
accent
#AD3873
background
#FBFAFD
surface
#F7F4FA
border
#D0CED3
text
#120F14
muted
#817F83