#A06E77#A06E77
#A06E77 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.200؛ OKLCH L 59.3% C 0.065 H 7.4°. أفضل لون لنص المتن هو #000000 بتباين 4.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A06E77 |
|---|---|
| RGB | rgb(160, 110, 119) |
| HSL | hsl(349, 21%, 53%) |
| HSV | hsv(349, 31%, 63%) |
| CMYK | cmyk(0%, 31.2%, 25.6%, 37.3%) |
| CIE-LAB | lab(51.79, 21.19, 3.06) |
| CIE-LCH | lch(51.79, 21.41, 8.22°) |
| OKLab | oklab(59.25% 0.0641 0.0083) |
| OKLCH | oklch(59.25% 0.065 7.4) |
| XYZ | xyz(23.4034, 19.9587, 20.0689) |
| Luminance | 0.1996 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Mauve (survey)
#AE7181
ΔE00 3.97
Dusky Rose
#BA6873
ΔE00 6.64
Reddish Grey
#997570
ΔE00 7.03
Dusty Rose
#C0737A
ΔE00 7.57
Old Pink
#C77986
ΔE00 8.94
Old Rose
#C87F89
ΔE00 9.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A06E77 #6EA097
analogous
#A06E90 #A06E77 #A07E6E
triadic
#A06E77 #77A06E #6E77A0
tetradic
#A06E77 #90A06E #6EA097 #7E6EA0
square
#A06E77 #90A06E #6EA097 #7E6EA0
split-complementary
#A06E77 #6EA07E #6E90A0
monochromatic
#593A40 #7E535A #A06E77 #B8939A #D0B8BC
إمكانية الوصول والتباين
On white
4.21
#A06E77 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.99
#A06E77 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A06E77
4.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A06E77 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A06E77 | 1.00 | 4.21 | 4.99 | 4.99 |
| #FFFFFF | 4.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#767677
Deuteranopia (green-blind)
#817F76
Tritanopia (blue-blind)
#A96A71
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #a06e77; /* rgb */ color: rgb(160, 110, 119); /* oklch */ color: oklch(59.3% 0.065 7.4);
Tailwind
colors: {
custom: {
50: '#bd989e',
500: '#a06e77',
950: '#000000',
},
}SCSS
$custom: #a06e77; $custom-light: #bd989e; $custom-dark: #000000;
JSON
{
"hex": "#a06e77",
"rgb": {
"r": 160,
"g": 110,
"b": 119
},
"hsl": {
"h": 349.2,
"s": 20.833,
"l": 52.941
},
"oklch": {
"l": 0.59253,
"c": 0.06466,
"h": 7.4
},
"luminance": 0.19957
}Semantic roles & 50–950 ramp
primary
#A06E77
secondary
#AAC0BC
accent
#BDAE6A
background
#FBF9F9
surface
#F7F2F2
border
#D0CCCC
text
#120D0E
muted
#817E7E