#87822F

#87822F

Color Values

HEX

#87822F

RGB

135, 130, 47

HSL

56.6, 48.4%, 35.7%

HSV

56.6, 65.2%, 52.9%

CMYK

0.0%, 3.7%, 65.2%, 47.1%

OKLCH

0.5943 0.1041 105.9

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#87822F

#2F3487

Analogous

#87562F

#60872F

#87822F

Triadic

#87822F

#2F8782

#822F87

Split Complementary

#87822F

#2F6087

#562F87

Tetradic

#87822F

#2F8756

#2F3487

#872F60

Color Blindness Simulation

Original

#87822F

Protanopia

#858543

Deuteranopia

#858648

Tritanopia

#875356

Achromatopsia

#7D7D7D

CSS Usage

background-color: #87822F;
color: #87822F;
border-color: #87822F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EDEBCA
300
#DFDCA4
400
#CEC973
500
#BDB642
600
#979235
700
#79752A
800
#5F5B21
900
#46431B
950
#2C2A11

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026