#857F45

#857F45

Color Values

HEX

#857F45

RGB

133, 127, 69

HSL

54.4, 31.7%, 39.6%

HSV

54.4, 48.1%, 52.2%

CMYK

0.0%, 4.5%, 48.1%, 47.8%

OKLCH

0.5883 0.0792 103.3

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#857F45

#454B85

Analogous

#855F45

#6B8545

#857F45

Triadic

#857F45

#45857F

#7F4585

Split Complementary

#857F45

#456B85

#5F4585

Tetradic

#857F45

#45855F

#454B85

#85456B

Color Blindness Simulation

Original

#857F45

Protanopia

#828253

Deuteranopia

#838356

Tritanopia

#855E61

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E7E5D0
300
#D5D2AE
400
#BFB983
500
#A8A057
600
#868046
700
#6B6738
800
#54502C
900
#3E3C23
950
#272616

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026