#A85D8F#A85D8F
#A85D8F لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.181؛ OKLCH L 58.1% C 0.116 H 341.0°. أفضل لون لنص المتن هو #000000 بتباين 4.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A85D8F |
|---|---|
| RGB | rgb(168, 93, 143) |
| HSL | hsl(320, 30%, 51%) |
| HSV | hsv(320, 45%, 66%) |
| CMYK | cmyk(0%, 44.6%, 14.9%, 34.1%) |
| CIE-LAB | lab(49.66, 37.42, -14.22) |
| CIE-LCH | lch(49.66, 40.03, 339.19°) |
| OKLab | oklab(58.1% 0.11 -0.0379) |
| OKLCH | oklch(58.1% 0.116 341) |
| XYZ | xyz(25.0210, 18.1383, 28.1645) |
| Luminance | 0.1814 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 3.42
Purpleish
#98568D
ΔE00 4.54
Purplish
#94568C
ΔE00 5.30
Dark Lilac
#9C6DA5
ΔE00 7.51
Dusky Purple
#895B7B
ΔE00 7.54
Faded Purple
#916E99
ΔE00 8.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A85D8F #5DA876
analogous
#9B5DA8 #A85D8F #A85D69
triadic
#A85D8F #8FA85D #5D8FA8
tetradic
#A85D8F #A89B5D #5DA876 #5D69A8
square
#A85D8F #A89B5D #5DA876 #5D69A8
split-complementary
#A85D8F #69A85D #5DA89B
monochromatic
#5A304C #82466E #A85D8F #BD85AB #D3ADC6
إمكانية الوصول والتباين
On white
4.54
#A85D8F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.63
#A85D8F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A85D8F
4.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A85D8F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A85D8F | 1.00 | 4.54 | 4.63 | 4.63 |
| #FFFFFF | 4.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#616F91
Deuteranopia (green-blind)
#747A8D
Tritanopia (blue-blind)
#B05E70
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #a85d8f; /* rgb */ color: rgb(168, 93, 143); /* oklch */ color: oklch(58.1% 0.116 341.0);
Tailwind
colors: {
custom: {
50: '#c38daf',
500: '#a85d8f',
950: '#000000',
},
}SCSS
$custom: #a85d8f; $custom-light: #c38daf; $custom-dark: #000000;
JSON
{
"hex": "#a85d8f",
"rgb": {
"r": 168,
"g": 93,
"b": 143
},
"hsl": {
"h": 320,
"s": 30.12,
"l": 51.176
},
"oklch": {
"l": 0.58103,
"c": 0.11634,
"h": 341
},
"luminance": 0.18137
}Semantic roles & 50–950 ramp
primary
#A85D8F
secondary
#A0C1AB
accent
#C68361
background
#FCF8FA
surface
#F8F0F4
border
#D1CBCE
text
#130C10
muted
#827D7F