#7F5222

#7F5222

Color Values

HEX

#7F5222

RGB

127, 82, 34

HSL

31.0, 57.8%, 31.6%

HSV

31.0, 73.2%, 49.8%

CMYK

0.0%, 35.4%, 73.2%, 50.2%

OKLCH

0.4794 0.087 64.6

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F5222

#224F7F

Analogous

#7F2422

#7E7F22

#7F5222

Triadic

#7F5222

#227F52

#52227F

Split Complementary

#7F5222

#227E7F

#24227F

Tetradic

#7F5222

#227F24

#224F7F

#7F227E

Color Blindness Simulation

Original

#7F5222

Protanopia

#6C6B2E

Deuteranopia

#6E7130

Tritanopia

#7D3739

Achromatopsia

#585858

CSS Usage

background-color: #7F5222;
color: #7F5222;
border-color: #7F5222;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF7F4
100
#F6EDE4
200
#F0DCC7
300
#E5C39E
400
#D7A26A
500
#C98236
600
#A1682B
700
#815322
800
#65411B
900
#4A3117
950
#2F1F0F

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.13:1

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