#855953#855953
#855953 is a mid, muted red. Relative luminance 0.128; OKLCH L 51.0% C 0.060 H 27.9°. Best body text is #FFFFFF at 5.91:1 contrast (WCAG AA passes).
Color values
| HEX | #855953 |
|---|---|
| RGB | rgb(133, 89, 83) |
| HSL | hsl(7, 23%, 42%) |
| HSV | hsv(7, 38%, 52%) |
| CMYK | cmyk(0%, 33.1%, 37.6%, 47.8%) |
| CIE-LAB | lab(42.39, 17.34, 10.85) |
| CIE-LCH | lch(42.39, 20.45, 32.05°) |
| OKLab | oklab(51% 0.0526 0.0279) |
| OKLCH | oklch(51% 0.06 27.9) |
| XYZ | xyz(14.8071, 12.7569, 9.8644) |
| Luminance | 0.1276 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Purplish Brown
#6B4247
ΔE00 9.43
Brownish
#9C6D57
ΔE00 10.13
Brownish Purple
#76424E
ΔE00 10.16
Cocoa
#875F42
ΔE00 10.32
Reddish Grey
#997570
ΔE00 10.43
Light Maroon
#A24857
ΔE00 10.64
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#855953 #537F85
analogous
#855366 #855953 #857253
triadic
#855953 #538559 #595385
tetradic
#855953 #668553 #537F85 #725385
square
#855953 #668553 #537F85 #725385
split-complementary
#855953 #538572 #536685
monochromatic
#3A2724 #5F403B #855953 #A67670 #BD9A95
Accessibility & contrast
On white
5.91
#855953 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.55
#855953 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #855953
5.91:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##855953 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##855953 | 1.00 | 5.91 | 3.55 | 5.91 |
| #FFFFFF | 5.91 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.91 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#625F52
Deuteranopia (green-blind)
#6D6752
Tritanopia (blue-blind)
#8E5358
Achromatopsia (no color)
#646464
Design tokens & code
CSS
--color: #855953; /* rgb */ color: rgb(133, 89, 83); /* oklch */ color: oklch(51.0% 0.060 27.9);
Tailwind
colors: {
custom: {
50: '#aa8883',
500: '#855953',
950: '#000000',
},
}SCSS
$custom: #855953; $custom-light: #aa8883; $custom-dark: #000000;
JSON
{
"hex": "#855953",
"rgb": {
"r": 133,
"g": 89,
"b": 83
},
"hsl": {
"h": 7.2,
"s": 23.148,
"l": 42.353
},
"oklch": {
"l": 0.50998,
"c": 0.05953,
"h": 27.9
},
"luminance": 0.12756
}Semantic roles & 50–950 ramp
primary
#855953
secondary
#8AA6AA
accent
#B5C068
background
#FAF8F8
surface
#F4EFEF
border
#CECACA
text
#100B0A
muted
#7F7C7C