#80628E#80628E
#80628E لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.153؛ OKLCH L 54.3% C 0.076 H 314.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.18:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #80628E |
|---|---|
| RGB | rgb(128, 98, 142) |
| HSL | hsl(281, 18%, 47%) |
| HSV | hsv(281, 31%, 56%) |
| CMYK | cmyk(9.9%, 31%, 0%, 44.3%) |
| CIE-LAB | lab(46.01, 20.64, -19.62) |
| CIE-LCH | lch(46.01, 28.48, 316.45°) |
| OKLab | oklab(54.27% 0.0532 -0.0536) |
| OKLCH | oklch(54.27% 0.076 314.8) |
| XYZ | xyz(18.1515, 15.2779, 27.5787) |
| Luminance | 0.1528 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Dusty Purple
#825F87
ΔE00 2.23
Dark Lavender
#856798
ΔE00 2.53
Muted Purple
#805B87
ΔE00 2.69
Grey Purple
#826D8C
ΔE00 5.15
Dull Purple
#84597E
ΔE00 5.17
Faded Purple
#916E99
ΔE00 5.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#80628E #708E62
analogous
#6A628E #80628E #8E6286
triadic
#80628E #8E8062 #628E80
tetradic
#80628E #8E6A62 #708E62 #62868E
square
#80628E #8E6A62 #708E62 #62868E
split-complementary
#80628E #868E62 #628E6A
monochromatic
#3F3046 #5F496A #80628E #9E83AA #BAA8C3
إمكانية الوصول والتباين
On white
5.18
#80628E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.06
#80628E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #80628E
5.18:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##80628E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##80628E | 1.00 | 5.18 | 4.06 | 5.18 |
| #FFFFFF | 5.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.18 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C6B90
Deuteranopia (green-blind)
#626E8D
Tritanopia (blue-blind)
#7F6772
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #80628e; /* rgb */ color: rgb(128, 98, 142); /* oklch */ color: oklch(54.3% 0.076 314.8);
Tailwind
colors: {
custom: {
50: '#a58faf',
500: '#80628e',
950: '#000000',
},
}SCSS
$custom: #80628e; $custom-light: #a58faf; $custom-dark: #000000;
JSON
{
"hex": "#80628e",
"rgb": {
"r": 128,
"g": 98,
"b": 142
},
"hsl": {
"h": 280.909,
"s": 18.333,
"l": 47.059
},
"oklch": {
"l": 0.54272,
"c": 0.07551,
"h": 314.8
},
"luminance": 0.15278
}Semantic roles & 50–950 ramp
primary
#80628E
secondary
#A2B19A
accent
#BB6D86
background
#FAF8FA
surface
#F4F0F4
border
#CECBCE
text
#0F0C10
muted
#7F7D7F