#875196#875196
#875196 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.132؛ OKLCH L 52.4% C 0.121 H 318.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.76:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #875196 |
|---|---|
| RGB | rgb(135, 81, 150) |
| HSL | hsl(287, 30%, 45%) |
| HSV | hsv(287, 46%, 59%) |
| CMYK | cmyk(10%, 46%, 0%, 41.2%) |
| CIE-LAB | lab(43.12, 34.62, -28.83) |
| CIE-LCH | lch(43.12, 45.05, 320.21°) |
| OKLab | oklab(52.39% 0.0905 -0.0796) |
| OKLCH | oklch(52.39% 0.121 318.7) |
| XYZ | xyz(18.4384, 13.2384, 30.4322) |
| Luminance | 0.1324 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 4.70
Purplish
#94568C
ΔE00 5.35
Medium Purple
#9E43A2
ΔE00 5.61
Muted Purple
#805B87
ΔE00 5.80
Purpleish
#98568D
ΔE00 5.95
Royal Purple
#7851A9
ΔE00 6.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#875196 #609651
analogous
#655196 #875196 #965182
triadic
#875196 #968751 #519687
tetradic
#875196 #966551 #609651 #518296
square
#875196 #966551 #609651 #518296
split-complementary
#875196 #829651 #519665
monochromatic
#3F2647 #633C6E #875196 #A472B3 #BE99C8
إمكانية الوصول والتباين
On white
5.76
#875196 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.65
#875196 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #875196
5.76:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##875196 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##875196 | 1.00 | 5.76 | 3.65 | 5.76 |
| #FFFFFF | 5.76 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.76 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#466298
Deuteranopia (green-blind)
#556894
Tritanopia (blue-blind)
#875A6C
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #875196; /* rgb */ color: rgb(135, 81, 150); /* oklch */ color: oklch(52.4% 0.121 318.7);
Tailwind
colors: {
custom: {
50: '#ab83b5',
500: '#875196',
950: '#000000',
},
}SCSS
$custom: #875196; $custom-light: #ab83b5; $custom-dark: #000000;
JSON
{
"hex": "#875196",
"rgb": {
"r": 135,
"g": 81,
"b": 150
},
"hsl": {
"h": 286.957,
"s": 29.87,
"l": 45.294
},
"oklch": {
"l": 0.52385,
"c": 0.12055,
"h": 318.7
},
"luminance": 0.13238
}Semantic roles & 50–950 ramp
primary
#875196
secondary
#96B58E
accent
#C66278
background
#FAF8FB
surface
#F4EFF6
border
#CECAD0
text
#100B11
muted
#7F7C80