#9A786E#9A786E
#9A786E لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.214؛ OKLCH L 60.3% C 0.045 H 37.0°. أفضل لون لنص المتن هو #000000 بتباين 5.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9A786E |
|---|---|
| RGB | rgb(154, 120, 110) |
| HSL | hsl(14, 18%, 52%) |
| HSV | hsv(14, 29%, 60%) |
| CMYK | cmyk(0%, 22.1%, 28.6%, 39.6%) |
| CIE-LAB | lab(53.42, 11.72, 10.57) |
| CIE-LCH | lch(53.42, 15.79, 42.04°) |
| OKLab | oklab(60.29% 0.0363 0.0274) |
| OKLCH | oklch(60.29% 0.045 37) |
| XYZ | xyz(22.8578, 21.4298, 17.6812) |
| Luminance | 0.2143 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddish Grey
#997570
ΔE00 2.69
Brownish
#9C6D57
ΔE00 6.43
Pinkish Brown
#B17261
ΔE00 7.58
Warm Grey
#978A84
ΔE00 9.34
Brownish Pink
#C27E79
ΔE00 10.44
Mocha
#9D7651
ΔE00 10.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9A786E #6E909A
analogous
#9A6E7A #9A786E #9A8E6E
triadic
#9A786E #6E9A78 #786E9A
tetradic
#9A786E #7A9A6E #6E909A #8E6E9A
square
#9A786E #7A9A6E #6E909A #8E6E9A
split-complementary
#9A786E #6E9A8E #6E7A9A
monochromatic
#53403A #785C53 #9A786E #B39A92 #CCBBB6
إمكانية الوصول والتباين
On white
3.97
#9A786E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.29
#9A786E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9A786E
5.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9A786E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9A786E | 1.00 | 3.97 | 5.29 | 5.29 |
| #FFFFFF | 3.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.29 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#807C6D
Deuteranopia (green-blind)
#88826E
Tritanopia (blue-blind)
#A27375
Achromatopsia (no color)
#808080
وسوم التصميم والكود
CSS
--color: #9a786e; /* rgb */ color: rgb(154, 120, 110); /* oklch */ color: oklch(60.3% 0.045 37.0);
Tailwind
colors: {
custom: {
50: '#b89f97',
500: '#9a786e',
950: '#000000',
},
}SCSS
$custom: #9a786e; $custom-light: #b89f97; $custom-dark: #000000;
JSON
{
"hex": "#9a786e",
"rgb": {
"r": 154,
"g": 120,
"b": 110
},
"hsl": {
"h": 13.636,
"s": 17.886,
"l": 51.765
},
"oklch": {
"l": 0.60285,
"c": 0.04544,
"h": 37
},
"luminance": 0.21429
}Semantic roles & 50–950 ramp
primary
#9A786E
secondary
#A8B7BC
accent
#A9BB6D
background
#FBF9F9
surface
#F6F2F2
border
#D0CCCC
text
#110E0D
muted
#807E7E