#857B3C

#857B3C

Color Values

HEX

#857B3C

RGB

133, 123, 60

HSL

51.8, 37.8%, 37.8%

HSV

51.8, 54.9%, 52.2%

CMYK

0.0%, 7.5%, 54.9%, 47.8%

OKLCH

0.578 0.0847 100.4

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#857B3C

#3C4685

Analogous

#85563C

#6A853C

#857B3C

Triadic

#857B3C

#3C857B

#7B3C85

Split Complementary

#857B3C

#3C6A85

#563C85

Tetradic

#857B3C

#3C8556

#3C4685

#853C6A

Color Blindness Simulation

Original

#857B3C

Protanopia

#81814B

Deuteranopia

#81824F

Tritanopia

#84575A

Achromatopsia

#797979

CSS Usage

background-color: #857B3C;
color: #857B3C;
border-color: #857B3C;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAF9F5
100
#F3F1E7
200
#E9E5CE
300
#D9D3AB
400
#C4BB7D
500
#B0A34F
600
#8D823F
700
#706833
800
#585128
900
#413C20
950
#292614

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.9: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