#857555

#857555

Color Values

HEX

#857555

RGB

133, 117, 85

HSL

40.0, 22.0%, 42.7%

HSV

40.0, 36.1%, 52.2%

CMYK

0.0%, 12.0%, 36.1%, 47.8%

OKLCH

0.5689 0.0501 84.3

Properties

Warm Light Nearest: Shadow

Color Harmonies

Complementary

#857555

#556585

Analogous

#855D55

#7D8555

#857555

Triadic

#857555

#558575

#755585

Split Complementary

#857555

#557D85

#5D5585

Tetradic

#857555

#55855D

#556585

#85557D

Color Blindness Simulation

Original

#857555

Protanopia

#7E7E5D

Deuteranopia

#7F805F

Tritanopia

#846364

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E3DED3
300
#CFC6B4
400
#B5A88C
500
#9C8963
600
#7C6D50
700
#645840
800
#4E4432
900
#3A3427
950
#252119

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass 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