#975D56#975D56
#975D56 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.151؛ OKLCH L 54.1% C 0.078 H 27.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #975D56 |
|---|---|
| RGB | rgb(151, 93, 86) |
| HSL | hsl(6, 27%, 46%) |
| HSV | hsv(6, 43%, 59%) |
| CMYK | cmyk(0%, 38.4%, 43%, 40.8%) |
| CIE-LAB | lab(45.75, 22.88, 14.03) |
| CIE-LCH | lch(45.75, 26.84, 31.52°) |
| OKLab | oklab(54.1% 0.0689 0.0356) |
| OKLCH | oklch(54.1% 0.078 27.3) |
| XYZ | xyz(18.3575, 15.0814, 10.7465) |
| Luminance | 0.1508 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Brownish
#9C6D57
ΔE00 8.56
Light Maroon
#A24857
ΔE00 9.13
Reddish Grey
#997570
ΔE00 9.23
Dusty Red
#B9484E
ΔE00 9.28
Pinkish Brown
#B17261
ΔE00 9.33
Clay
#B66A50
ΔE00 10.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#975D56 #569097
analogous
#975670 #975D56 #977E56
triadic
#975D56 #56975D #5D5697
tetradic
#975D56 #709756 #569097 #7E5697
square
#975D56 #709756 #569097 #7E5697
split-complementary
#975D56 #56977E #567097
monochromatic
#492D2A #704540 #975D56 #B27E78 #C8A39F
إمكانية الوصول والتباين
On white
5.23
#975D56 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.02
#975D56 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #975D56
5.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##975D56 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##975D56 | 1.00 | 5.23 | 4.02 | 5.23 |
| #FFFFFF | 5.23 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.02 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.23 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A6555
Deuteranopia (green-blind)
#787155
Tritanopia (blue-blind)
#A2555B
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #975d56; /* rgb */ color: rgb(151, 93, 86); /* oklch */ color: oklch(54.1% 0.078 27.3);
Tailwind
colors: {
custom: {
50: '#b88b85',
500: '#975d56',
950: '#000000',
},
}SCSS
$custom: #975d56; $custom-light: #b88b85; $custom-dark: #000000;
JSON
{
"hex": "#975d56",
"rgb": {
"r": 151,
"g": 93,
"b": 86
},
"hsl": {
"h": 6.462,
"s": 27.426,
"l": 46.471
},
"oklch": {
"l": 0.54097,
"c": 0.07755,
"h": 27.3
},
"luminance": 0.1508
}Semantic roles & 50–950 ramp
primary
#975D56
secondary
#93B2B6
accent
#B9C464
background
#FBF8F8
surface
#F6F0EF
border
#D0CBCA
text
#120C0B
muted
#817D7C