#975147#975147
#975147 is a mid, moderate red. Relative luminance 0.129; OKLCH L 51.6% C 0.095 H 29.3°. Best body text is #FFFFFF at 5.86:1 contrast (WCAG AA passes).
Color values
| HEX | #975147 |
|---|---|
| RGB | rgb(151, 81, 71) |
| HSL | hsl(8, 36%, 44%) |
| HSV | hsv(8, 53%, 59%) |
| CMYK | cmyk(0%, 46.4%, 53%, 40.8%) |
| CIE-LAB | lab(42.64, 28.07, 18.88) |
| CIE-LCH | lch(42.64, 33.83, 33.93°) |
| OKLab | oklab(51.62% 0.0833 0.0467) |
| OKLCH | oklch(51.62% 0.095 29.3) |
| XYZ | xyz(16.8434, 12.9208, 7.5669) |
| Luminance | 0.1292 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Dusty Red
#B9484E
ΔE00 8.22
Dull Red
#BB3F3F
ΔE00 8.26
Brownish Red
#9E3623
ΔE00 8.56
Brick
#A03623
ΔE00 8.60
Light Maroon
#A24857
ΔE00 8.86
Brown
#A52A2A
ΔE00 9.24
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#975147 #478D97
analogous
#974765 #975147 #977947
triadic
#975147 #479751 #514797
tetradic
#975147 #659747 #478D97 #794797
square
#975147 #659747 #478D97 #794797
split-complementary
#975147 #479779 #476597
monochromatic
#442420 #6D3B33 #975147 #B66F65 #CA968E
Accessibility & contrast
On white
5.86
#975147 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.58
#975147 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #975147
5.86:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##975147 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##975147 | 1.00 | 5.86 | 3.58 | 5.86 |
| #FFFFFF | 5.86 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.86 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#615C46
Deuteranopia (green-blind)
#736A46
Tritanopia (blue-blind)
#A4464F
Achromatopsia (no color)
#656565
Design tokens & code
CSS
--color: #975147; /* rgb */ color: rgb(151, 81, 71); /* oklch */ color: oklch(51.6% 0.095 29.3);
Tailwind
colors: {
custom: {
50: '#b9837a',
500: '#975147',
950: '#000000',
},
}SCSS
$custom: #975147; $custom-light: #b9837a; $custom-dark: #000000;
JSON
{
"hex": "#975147",
"rgb": {
"r": 151,
"g": 81,
"b": 71
},
"hsl": {
"h": 7.5,
"s": 36.036,
"l": 43.529
},
"oklch": {
"l": 0.5162,
"c": 0.09547,
"h": 29.3
},
"luminance": 0.12919
}Semantic roles & 50–950 ramp
primary
#975147
secondary
#84AFB6
accent
#BECC5C
background
#FBF8F7
surface
#F7EFED
border
#D0CAC8
text
#120B09
muted
#817C7B