#714C24

#714C24

Color Values

HEX

#714C24

RGB

113, 76, 36

HSL

31.2, 51.7%, 29.2%

HSV

31.2, 68.1%, 44.3%

CMYK

0.0%, 32.7%, 68.1%, 55.7%

OKLCH

0.4491 0.0746 65.9

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#714C24

#244971

Analogous

#712624

#6F7124

#714C24

Triadic

#714C24

#24714C

#4C2471

Split Complementary

#714C24

#246F71

#262471

Tetradic

#714C24

#247126

#244971

#71246F

Color Blindness Simulation

Original

#714C24

Protanopia

#61612E

Deuteranopia

#636630

Tritanopia

#6F3537

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EEDCC9
300
#E1C3A2
400
#D1A370
500
#C1823E
600
#9B6831
700
#7C5327
800
#61411F
900
#47311A
950
#2D1F10

Contrast Checker

Text on white

7.6:1

AA Pass AAA Pass

Text on black

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