#834C24

#834C24

Color Values

HEX

#834C24

RGB

131, 76, 36

HSL

25.3, 56.9%, 32.7%

HSV

25.3, 72.5%, 51.4%

CMYK

0.0%, 42.0%, 72.5%, 48.6%

OKLCH

0.4733 0.092 54.3

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#834C24

#245B83

Analogous

#83242B

#837B24

#834C24

Triadic

#834C24

#24834C

#4C2483

Split Complementary

#834C24

#24837B

#242B83

Tetradic

#834C24

#2B8324

#245B83

#7B2483

Color Blindness Simulation

Original

#834C24

Protanopia

#6B6B2E

Deuteranopia

#6E7230

Tritanopia

#803537

Achromatopsia

#555555

CSS Usage

background-color: #834C24;
color: #834C24;
border-color: #834C24;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF7F4
100
#F6ECE5
200
#F0D8C7
300
#E5BC9F
400
#D6986B
500
#C87437
600
#A05D2C
700
#804A23
800
#643A1B
900
#492D18
950
#2E1C0F

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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