#895F30

#895F30

Color Values

HEX

#895F30

RGB

137, 95, 48

HSL

31.7, 48.1%, 36.3%

HSV

31.7, 65.0%, 53.7%

CMYK

0.0%, 30.7%, 65.0%, 46.3%

OKLCH

0.5202 0.0835 67.2

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#895F30

#305A89

Analogous

#893330

#878930

#895F30

Triadic

#895F30

#30895F

#5F3089

Split Complementary

#895F30

#308789

#333089

Tetradic

#895F30

#308933

#305A89

#893087

Color Blindness Simulation

Original

#895F30

Protanopia

#77763B

Deuteranopia

#797C3E

Tritanopia

#874446

Achromatopsia

#656565

CSS Usage

background-color: #895F30;
color: #895F30;
border-color: #895F30;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDCCA
300
#DFC3A4
400
#CEA373
500
#BD8342
600
#976935
700
#79542A
800
#5E4121
900
#45321B
950
#2C1F11

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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