#975E5A#975E5A
#975E5A لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.153؛ OKLCH L 54.4% C 0.075 H 24.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #975E5A |
|---|---|
| RGB | rgb(151, 94, 90) |
| HSL | hsl(4, 25%, 47%) |
| HSV | hsv(4, 40%, 59%) |
| CMYK | cmyk(0%, 37.7%, 40.4%, 40.8%) |
| CIE-LAB | lab(46.08, 22.78, 12.08) |
| CIE-LCH | lch(46.08, 25.79, 27.94°) |
| OKLab | oklab(54.38% 0.0689 0.0309) |
| OKLCH | oklch(54.38% 0.075 24.2) |
| XYZ | xyz(18.6115, 15.3244, 11.6485) |
| Luminance | 0.1532 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Maroon
#A24857
ΔE00 8.48
Reddish Grey
#997570
ΔE00 8.82
Dusty Red
#B9484E
ΔE00 9.29
Brownish
#9C6D57
ΔE00 9.31
Pinkish Brown
#B17261
ΔE00 9.65
Dusky Rose
#BA6873
ΔE00 9.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#975E5A #5A9397
analogous
#975A75 #975E5A #977C5A
triadic
#975E5A #5A975E #5E5A97
tetradic
#975E5A #75975A #5A9397 #7C5A97
square
#975E5A #75975A #5A9397 #7C5A97
split-complementary
#975E5A #5A977C #5A7597
monochromatic
#4A2E2C #714643 #975E5A #B1807D #C8A6A3
إمكانية الوصول والتباين
On white
5.17
#975E5A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.06
#975E5A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #975E5A
5.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##975E5A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##975E5A | 1.00 | 5.17 | 4.06 | 5.17 |
| #FFFFFF | 5.17 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.17 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A6659
Deuteranopia (green-blind)
#787259
Tritanopia (blue-blind)
#A2575D
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #975e5a; /* rgb */ color: rgb(151, 94, 90); /* oklch */ color: oklch(54.4% 0.075 24.2);
Tailwind
colors: {
custom: {
50: '#b88c88',
500: '#975e5a',
950: '#000000',
},
}SCSS
$custom: #975e5a; $custom-light: #b88c88; $custom-dark: #000000;
JSON
{
"hex": "#975e5a",
"rgb": {
"r": 151,
"g": 94,
"b": 90
},
"hsl": {
"h": 3.934,
"s": 25.311,
"l": 47.255
},
"oklch": {
"l": 0.5438,
"c": 0.07548,
"h": 24.2
},
"luminance": 0.15323
}Semantic roles & 50–950 ramp
primary
#975E5A
secondary
#97B4B6
accent
#BCC266
background
#FBF8F8
surface
#F6F0EF
border
#D0CBCA
text
#120C0B
muted
#817D7C