#85658D#85658D
#85658D لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.162؛ OKLCH L 55.3% C 0.071 H 319.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #85658D |
|---|---|
| RGB | rgb(133, 101, 141) |
| HSL | hsl(288, 17%, 47%) |
| HSV | hsv(288, 28%, 55%) |
| CMYK | cmyk(5.7%, 28.4%, 0%, 44.7%) |
| CIE-LAB | lab(47.26, 20.37, -17.07) |
| CIE-LCH | lch(47.26, 26.58, 320.03°) |
| OKLab | oklab(55.33% 0.0542 -0.0464) |
| OKLCH | oklch(55.33% 0.071 319.5) |
| XYZ | xyz(19.1336, 16.2174, 27.3165) |
| Luminance | 0.1622 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Dusty Purple
#825F87
ΔE00 2.17
Dark Lavender
#856798
ΔE00 2.98
Muted Purple
#805B87
ΔE00 3.49
Faded Purple
#916E99
ΔE00 4.05
Grey Purple
#826D8C
ΔE00 4.10
Greyish Purple
#887191
ΔE00 4.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#85658D #6D8D65
analogous
#71658D #85658D #8D6581
triadic
#85658D #8D8565 #658D85
tetradic
#85658D #8D7165 #6D8D65 #65818D
square
#85658D #8D7165 #6D8D65 #65818D
split-complementary
#85658D #818D65 #658D71
monochromatic
#423246 #634B69 #85658D #A287A9 #BDAAC2
إمكانية الوصول والتباين
On white
4.95
#85658D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.24
#85658D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #85658D
4.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##85658D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##85658D | 1.00 | 4.95 | 4.24 | 4.95 |
| #FFFFFF | 4.95 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.95 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#606E8F
Deuteranopia (green-blind)
#68718C
Tritanopia (blue-blind)
#866973
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #85658d; /* rgb */ color: rgb(133, 101, 141); /* oklch */ color: oklch(55.3% 0.071 319.5);
Tailwind
colors: {
custom: {
50: '#a991ae',
500: '#85658d',
950: '#000000',
},
}SCSS
$custom: #85658d; $custom-light: #a991ae; $custom-dark: #000000;
JSON
{
"hex": "#85658d",
"rgb": {
"r": 133,
"g": 101,
"b": 141
},
"hsl": {
"h": 288,
"s": 16.529,
"l": 47.451
},
"oklch": {
"l": 0.55333,
"c": 0.07136,
"h": 319.5
},
"luminance": 0.16217
}Semantic roles & 50–950 ramp
primary
#85658D
secondary
#A1B19D
accent
#B96F7D
background
#FAF8FA
surface
#F4F0F4
border
#CECBCE
text
#100C10
muted
#7F7D7F