#A46658#A46658
#A46658 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.181؛ OKLCH L 57.5% C 0.084 H 33.4°. أفضل لون لنص المتن هو #000000 بتباين 4.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A46658 |
|---|---|
| RGB | rgb(164, 102, 88) |
| HSL | hsl(11, 30%, 49%) |
| HSV | hsv(11, 46%, 64%) |
| CMYK | cmyk(0%, 37.8%, 46.3%, 35.7%) |
| CIE-LAB | lab(49.62, 23.33, 18.39) |
| CIE-LCH | lch(49.62, 29.71, 38.25°) |
| OKLab | oklab(57.45% 0.0698 0.0461) |
| OKLCH | oklch(57.45% 0.084 33.4) |
| XYZ | xyz(21.8238, 18.1017, 11.5752) |
| Luminance | 0.1810 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 4.73
Brownish
#9C6D57
ΔE00 5.48
Clay
#B66A50
ΔE00 5.64
Reddish Grey
#997570
ΔE00 8.03
Dark Salmon
#C85A53
ΔE00 8.56
Adobe
#BD6C48
ΔE00 8.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A46658 #5896A4
analogous
#A45870 #A46658 #A48C58
triadic
#A46658 #58A466 #6658A4
tetradic
#A46658 #70A458 #5896A4 #8C58A4
square
#A46658 #70A458 #5896A4 #8C58A4
split-complementary
#A46658 #58A48C #5870A4
monochromatic
#54342D #7C4D43 #A46658 #BA8A7F #D0AEA7
إمكانية الوصول والتباين
On white
4.55
#A46658 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.62
#A46658 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A46658
4.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A46658 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A46658 | 1.00 | 4.55 | 4.62 | 4.62 |
| #FFFFFF | 4.55 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#756E57
Deuteranopia (green-blind)
#837B57
Tritanopia (blue-blind)
#B15D62
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #a46658; /* rgb */ color: rgb(164, 102, 88); /* oklch */ color: oklch(57.5% 0.084 33.4);
Tailwind
colors: {
custom: {
50: '#c29287',
500: '#a46658',
950: '#000000',
},
}SCSS
$custom: #a46658; $custom-light: #c29287; $custom-dark: #000000;
JSON
{
"hex": "#a46658",
"rgb": {
"r": 164,
"g": 102,
"b": 88
},
"hsl": {
"h": 11.053,
"s": 30.159,
"l": 49.412
},
"oklch": {
"l": 0.5745,
"c": 0.08359,
"h": 33.4
},
"luminance": 0.181
}Semantic roles & 50–950 ramp
primary
#A46658
secondary
#9AB7BD
accent
#B4C661
background
#FCF9F8
surface
#F8F1EF
border
#D1CBCA
text
#130D0B
muted
#827E7C