#714C2A

#714C2A

Color Values

HEX

#714C2A

RGB

113, 76, 42

HSL

28.7, 45.8%, 30.4%

HSV

28.7, 62.8%, 44.3%

CMYK

0.0%, 32.7%, 62.8%, 55.7%

OKLCH

0.45 0.0699 62.1

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#714C2A

#2A4F71

Analogous

#712A2C

#716F2A

#714C2A

Triadic

#714C2A

#2A714C

#4C2A71

Split Complementary

#714C2A

#2A716F

#2A2C71

Tetradic

#714C2A

#2C712A

#2A4F71

#6F2A71

Color Blindness Simulation

Original

#714C2A

Protanopia

#616132

Deuteranopia

#636634

Tritanopia

#6F393A

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCB
300
#DEC1A6
400
#CC9F75
500
#BA7D45
600
#956437
700
#77502C
800
#5D3E23
900
#44301C
950
#2B1E12

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026