#A06F74#A06F74
#A06F74 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.201؛ OKLCH L 59.4% C 0.063 H 12.4°. أفضل لون لنص المتن هو #000000 بتباين 5.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A06F74 |
|---|---|
| RGB | rgb(160, 111, 116) |
| HSL | hsl(354, 21%, 53%) |
| HSV | hsv(354, 31%, 63%) |
| CMYK | cmyk(0%, 30.6%, 27.5%, 37.3%) |
| CIE-LAB | lab(51.96, 20.17, 5.07) |
| CIE-LCH | lch(51.96, 20.80, 14.11°) |
| OKLab | oklab(59.35% 0.0612 0.0135) |
| OKLCH | oklch(59.35% 0.063 12.4) |
| XYZ | xyz(23.3345, 20.1048, 19.1711) |
| Luminance | 0.2010 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Mauve (survey)
#AE7181
ΔE00 4.97
Reddish Grey
#997570
ΔE00 5.70
Dusky Rose
#BA6873
ΔE00 6.70
Dusty Rose
#C0737A
ΔE00 7.33
Old Pink
#C77986
ΔE00 9.08
Brownish Pink
#C27E79
ΔE00 9.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A06F74 #6FA09B
analogous
#A06F8C #A06F74 #A0826F
triadic
#A06F74 #74A06F #6F74A0
tetradic
#A06F74 #8CA06F #6FA09B #826FA0
square
#A06F74 #8CA06F #6FA09B #826FA0
split-complementary
#A06F74 #6FA082 #6F8CA0
monochromatic
#5A3B3E #7E5358 #A06F74 #B89498 #D1B9BB
إمكانية الوصول والتباين
On white
4.18
#A06F74 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.02
#A06F74 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A06F74
5.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A06F74 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A06F74 | 1.00 | 4.18 | 5.02 | 5.02 |
| #FFFFFF | 4.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#777674
Deuteranopia (green-blind)
#837F73
Tritanopia (blue-blind)
#A96B71
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #a06f74; /* rgb */ color: rgb(160, 111, 116); /* oklch */ color: oklch(59.4% 0.063 12.4);
Tailwind
colors: {
custom: {
50: '#bd989c',
500: '#a06f74',
950: '#000000',
},
}SCSS
$custom: #a06f74; $custom-light: #bd989c; $custom-dark: #000000;
JSON
{
"hex": "#a06f74",
"rgb": {
"r": 160,
"g": 111,
"b": 116
},
"hsl": {
"h": 353.878,
"s": 20.502,
"l": 53.137
},
"oklch": {
"l": 0.59354,
"c": 0.06269,
"h": 12.4
},
"luminance": 0.20103
}Semantic roles & 50–950 ramp
primary
#A06F74
secondary
#ABC0BE
accent
#BDB56B
background
#FBF9F9
surface
#F7F2F2
border
#D0CCCC
text
#120E0E
muted
#817E7E