#A16889#A16889
#A16889 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.193؛ OKLCH L 58.9% C 0.085 H 344.4°. أفضل لون لنص المتن هو #000000 بتباين 4.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A16889 |
|---|---|
| RGB | rgb(161, 104, 137) |
| HSL | hsl(325, 23%, 52%) |
| HSV | hsv(325, 35%, 63%) |
| CMYK | cmyk(0%, 35.4%, 14.9%, 36.9%) |
| CIE-LAB | lab(51.02, 27.87, -8.71) |
| CIE-LCH | lch(51.02, 29.20, 342.65°) |
| OKLab | oklab(58.87% 0.082 -0.0229) |
| OKLCH | oklch(58.87% 0.085 344.4) |
| XYZ | xyz(24.1637, 19.2852, 26.1117) |
| Luminance | 0.1928 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 5.53
Dusky Purple
#895B7B
ΔE00 6.74
Mauve (survey)
#AE7181
ΔE00 6.90
Faded Purple
#916E99
ΔE00 7.03
Purpleish
#98568D
ΔE00 7.53
Purplish
#94568C
ΔE00 7.90
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A16889 #68A180
analogous
#9C68A1 #A16889 #A1686D
triadic
#A16889 #89A168 #6889A1
tetradic
#A16889 #A19C68 #68A180 #686DA1
square
#A16889 #A19C68 #68A180 #686DA1
split-complementary
#A16889 #6DA168 #68A19C
monochromatic
#58374A #7E4E6A #A16889 #B88EA6 #D0B3C4
إمكانية الوصول والتباين
On white
4.32
#A16889 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.86
#A16889 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A16889
4.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A16889 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A16889 | 1.00 | 4.32 | 4.86 | 4.86 |
| #FFFFFF | 4.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C748A
Deuteranopia (green-blind)
#7A7D87
Tritanopia (blue-blind)
#A86874
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #a16889; /* rgb */ color: rgb(161, 104, 137); /* oklch */ color: oklch(58.9% 0.085 344.4);
Tailwind
colors: {
custom: {
50: '#be94ab',
500: '#a16889',
950: '#000000',
},
}SCSS
$custom: #a16889; $custom-light: #be94ab; $custom-dark: #000000;
JSON
{
"hex": "#a16889",
"rgb": {
"r": 161,
"g": 104,
"b": 137
},
"hsl": {
"h": 325.263,
"s": 23.265,
"l": 51.961
},
"oklch": {
"l": 0.58869,
"c": 0.08519,
"h": 344.4
},
"luminance": 0.19284
}Semantic roles & 50–950 ramp
primary
#A16889
secondary
#A6BFB0
accent
#C08D68
background
#FBF9FA
surface
#F7F1F4
border
#D0CBCE
text
#120D10
muted
#817E7F