#96605E#96605E
#96605E لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.157؛ OKLCH L 54.7% C 0.071 H 22.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #96605E |
|---|---|
| RGB | rgb(150, 96, 94) |
| HSL | hsl(2, 23%, 48%) |
| HSV | hsv(2, 37%, 59%) |
| CMYK | cmyk(0%, 36%, 37.3%, 41.2%) |
| CIE-LAB | lab(46.52, 21.73, 10.29) |
| CIE-LCH | lch(46.52, 24.04, 25.33°) |
| OKLab | oklab(54.73% 0.0659 0.0266) |
| OKLCH | oklch(54.73% 0.071 22) |
| XYZ | xyz(18.7817, 15.6593, 12.6208) |
| Luminance | 0.1566 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddish Grey
#997570
ΔE00 8.12
Light Maroon
#A24857
ΔE00 8.62
Dusky Rose
#BA6873
ΔE00 9.47
Brownish
#9C6D57
ΔE00 9.66
Pinkish Brown
#B17261
ΔE00 9.86
Dusty Red
#B9484E
ΔE00 9.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#96605E #5E9496
analogous
#965E78 #96605E #967C5E
triadic
#96605E #5E9660 #605E96
tetradic
#96605E #78965E #5E9496 #7C5E96
square
#96605E #78965E #5E9496 #7C5E96
split-complementary
#96605E #5E967C #5E7896
monochromatic
#4B302F #704846 #96605E #B08381 #C8A8A7
إمكانية الوصول والتباين
On white
5.08
#96605E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.13
#96605E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #96605E
5.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##96605E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##96605E | 1.00 | 5.08 | 4.13 | 5.08 |
| #FFFFFF | 5.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.08 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6B685E
Deuteranopia (green-blind)
#78725D
Tritanopia (blue-blind)
#A05A60
Achromatopsia (no color)
#6E6E6E
وسوم التصميم والكود
CSS
--color: #96605e; /* rgb */ color: rgb(150, 96, 94); /* oklch */ color: oklch(54.7% 0.071 22.0);
Tailwind
colors: {
custom: {
50: '#b78d8b',
500: '#96605e',
950: '#000000',
},
}SCSS
$custom: #96605e; $custom-light: #b78d8b; $custom-dark: #000000;
JSON
{
"hex": "#96605e",
"rgb": {
"r": 150,
"g": 96,
"b": 94
},
"hsl": {
"h": 2.143,
"s": 22.951,
"l": 47.843
},
"oklch": {
"l": 0.54728,
"c": 0.07101,
"h": 22
},
"luminance": 0.15658
}Semantic roles & 50–950 ramp
primary
#96605E
secondary
#9AB5B6
accent
#BCBF68
background
#FBF8F8
surface
#F6F0F0
border
#D0CBCB
text
#110C0C
muted
#807D7D