#875556

#875556

Color Values

HEX

#875556

RGB

135, 85, 86

HSL

358.8, 22.7%, 43.1%

HSV

358.8, 37.0%, 52.9%

CMYK

0.0%, 37.0%, 36.3%, 47.1%

OKLCH

0.5056 0.0669 18.4

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#875556

#558786

Analogous

#87556F

#876D55

#875556

Triadic

#875556

#568755

#555687

Split Complementary

#875556

#55876D

#556F87

Tetradic

#875556

#6F8755

#558786

#6D5587

Color Blindness Simulation

Original

#875556

Protanopia

#717156

Deuteranopia

#747856

Tritanopia

#845656

Achromatopsia

#606060

CSS Usage

background-color: #875556;
color: #875556;
border-color: #875556;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E3D3D4
300
#D0B4B4
400
#B68B8C
500
#9C6364
600
#7D4F50
700
#643F40
800
#4E3132
900
#3A2727
950
#251819

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026