#A37576#A37576
#A37576 لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.218؛ OKLCH L 60.9% C 0.058 H 17.5°. أفضل لون لنص المتن هو #000000 بتباين 5.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A37576 |
|---|---|
| RGB | rgb(163, 117, 118) |
| HSL | hsl(359, 20%, 55%) |
| HSV | hsv(359, 28%, 64%) |
| CMYK | cmyk(0%, 28.2%, 27.6%, 36.1%) |
| CIE-LAB | lab(53.83, 18.22, 6.63) |
| CIE-LCH | lch(53.83, 19.39, 19.99°) |
| OKLab | oklab(60.9% 0.0555 0.0175) |
| OKLCH | oklch(60.9% 0.058 17.5) |
| XYZ | xyz(24.7361, 21.8185, 20.0445) |
| Luminance | 0.2182 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddish Grey
#997570
ΔE00 4.15
Mauve (survey)
#AE7181
ΔE00 6.14
Dusty Rose
#C0737A
ΔE00 7.10
Dusky Rose
#BA6873
ΔE00 7.59
Brownish Pink
#C27E79
ΔE00 7.61
Pinkish Brown
#B17261
ΔE00 8.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A37576 #75A3A2
analogous
#A3758D #A37576 #A38B75
triadic
#A37576 #76A375 #7576A3
tetradic
#A37576 #8DA375 #75A3A2 #8B75A3
square
#A37576 #8DA375 #75A3A2 #8B75A3
split-complementary
#A37576 #75A38B #758DA3
monochromatic
#5F3F40 #835858 #A37576 #BB9A9A #D4BEBF
إمكانية الوصول والتباين
On white
3.92
#A37576 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.36
#A37576 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A37576
5.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A37576 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A37576 | 1.00 | 3.92 | 5.36 | 5.36 |
| #FFFFFF | 3.92 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D7B76
Deuteranopia (green-blind)
#888475
Tritanopia (blue-blind)
#AC7176
Achromatopsia (no color)
#818181
وسوم التصميم والكود
CSS
--color: #a37576; /* rgb */ color: rgb(163, 117, 118); /* oklch */ color: oklch(60.9% 0.058 17.5);
Tailwind
colors: {
custom: {
50: '#bf9d9d',
500: '#a37576',
950: '#000000',
},
}SCSS
$custom: #a37576; $custom-light: #bf9d9d; $custom-dark: #000000;
JSON
{
"hex": "#a37576",
"rgb": {
"r": 163,
"g": 117,
"b": 118
},
"hsl": {
"h": 358.696,
"s": 20,
"l": 54.902
},
"oklch": {
"l": 0.60896,
"c": 0.05816,
"h": 17.5
},
"luminance": 0.21817
}Semantic roles & 50–950 ramp
primary
#A37576
secondary
#B0C4C3
accent
#BDBB6B
background
#FBF9F9
surface
#F7F2F2
border
#D0CCCC
text
#120E0E
muted
#817E7E