#A06759#A06759
#A06759 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.179؛ OKLCH L 57.2% C 0.077 H 34.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A06759 |
|---|---|
| RGB | rgb(160, 103, 89) |
| HSL | hsl(12, 29%, 49%) |
| HSV | hsv(12, 44%, 63%) |
| CMYK | cmyk(0%, 35.6%, 44.4%, 37.3%) |
| CIE-LAB | lab(49.37, 21.23, 17.38) |
| CIE-LCH | lch(49.37, 27.44, 39.31°) |
| OKLab | oklab(57.16% 0.0637 0.0437) |
| OKLCH | oklch(57.16% 0.077 34.5) |
| XYZ | xyz(21.1517, 17.8970, 11.7897) |
| Luminance | 0.1789 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Brownish
#9C6D57
ΔE00 4.72
Pinkish Brown
#B17261
ΔE00 5.05
Clay
#B66A50
ΔE00 6.24
Reddish Grey
#997570
ΔE00 7.30
Earth
#A2653E
ΔE00 8.79
Adobe
#BD6C48
ΔE00 9.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A06759 #5992A0
analogous
#A0596F #A06759 #A08B59
triadic
#A06759 #59A067 #6759A0
tetradic
#A06759 #6FA059 #5992A0 #8B59A0
square
#A06759 #6FA059 #5992A0 #8B59A0
split-complementary
#A06759 #59A08B #596FA0
monochromatic
#51342D #794E43 #A06759 #B88A7F #CDAEA6
إمكانية الوصول والتباين
On white
4.59
#A06759 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.58
#A06759 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A06759
4.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A06759 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A06759 | 1.00 | 4.59 | 4.58 | 4.59 |
| #FFFFFF | 4.59 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.59 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#746E58
Deuteranopia (green-blind)
#827A58
Tritanopia (blue-blind)
#AC5F63
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #a06759; /* rgb */ color: rgb(160, 103, 89); /* oklch */ color: oklch(57.2% 0.077 34.5);
Tailwind
colors: {
custom: {
50: '#be9388',
500: '#a06759',
950: '#000000',
},
}SCSS
$custom: #a06759; $custom-light: #be9388; $custom-dark: #000000;
JSON
{
"hex": "#a06759",
"rgb": {
"r": 160,
"g": 103,
"b": 89
},
"hsl": {
"h": 11.831,
"s": 28.514,
"l": 48.824
},
"oklch": {
"l": 0.57156,
"c": 0.07723,
"h": 34.5
},
"luminance": 0.17895
}Semantic roles & 50–950 ramp
primary
#A06759
secondary
#9AB5BB
accent
#B2C563
background
#FCF9F8
surface
#F8F1EF
border
#D1CBCA
text
#120D0B
muted
#817E7C