#9A736E#9A736E
#9A736E لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.203؛ OKLCH L 59.3% C 0.050 H 27.0°. أفضل لون لنص المتن هو #000000 بتباين 5.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9A736E |
|---|---|
| RGB | rgb(154, 115, 110) |
| HSL | hsl(7, 18%, 52%) |
| HSV | hsv(7, 29%, 60%) |
| CMYK | cmyk(0%, 25.3%, 28.6%, 39.6%) |
| CIE-LAB | lab(52.13, 14.60, 8.75) |
| CIE-LCH | lch(52.13, 17.02, 30.94°) |
| OKLab | oklab(59.29% 0.0448 0.0228) |
| OKLCH | oklch(59.29% 0.05 27) |
| XYZ | xyz(22.2721, 20.2584, 17.4860) |
| Luminance | 0.2026 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddish Grey
#997570
ΔE00 1.05
Pinkish Brown
#B17261
ΔE00 7.47
Brownish
#9C6D57
ΔE00 7.50
Brownish Pink
#C27E79
ΔE00 9.61
Mauve (survey)
#AE7181
ΔE00 9.63
Dusty Rose
#C0737A
ΔE00 10.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9A736E #6E959A
analogous
#9A6E7F #9A736E #9A896E
triadic
#9A736E #6E9A73 #736E9A
tetradic
#9A736E #7F9A6E #6E959A #896E9A
square
#9A736E #7F9A6E #6E959A #896E9A
split-complementary
#9A736E #6E9A89 #6E7F9A
monochromatic
#533D3A #785753 #9A736E #B39692 #CCB9B6
إمكانية الوصول والتباين
On white
4.16
#9A736E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.05
#9A736E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9A736E
5.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9A736E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9A736E | 1.00 | 4.16 | 5.05 | 5.05 |
| #FFFFFF | 4.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B786E
Deuteranopia (green-blind)
#847F6E
Tritanopia (blue-blind)
#A36E72
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #9a736e; /* rgb */ color: rgb(154, 115, 110); /* oklch */ color: oklch(59.3% 0.050 27.0);
Tailwind
colors: {
custom: {
50: '#b89b97',
500: '#9a736e',
950: '#000000',
},
}SCSS
$custom: #9a736e; $custom-light: #b89b97; $custom-dark: #000000;
JSON
{
"hex": "#9a736e",
"rgb": {
"r": 154,
"g": 115,
"b": 110
},
"hsl": {
"h": 6.818,
"s": 17.886,
"l": 51.765
},
"oklch": {
"l": 0.59285,
"c": 0.05022,
"h": 27
},
"luminance": 0.20257
}Semantic roles & 50–950 ramp
primary
#9A736E
secondary
#A8B9BC
accent
#B2BB6D
background
#FBF9F9
surface
#F6F2F2
border
#D0CCCC
text
#110E0D
muted
#807E7E