#714B2A

#714B2A

Color Values

HEX

#714B2A

RGB

113, 75, 42

HSL

27.9, 45.8%, 30.4%

HSV

27.9, 62.8%, 44.3%

CMYK

0.0%, 33.6%, 62.8%, 55.7%

OKLCH

0.4479 0.0702 60.5

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#714B2A

#2A5071

Analogous

#712A2D

#716F2A

#714B2A

Triadic

#714B2A

#2A714B

#4B2A71

Split Complementary

#714B2A

#2A716F

#2A2D71

Tetradic

#714B2A

#2D712A

#2A5071

#6F2A71

Color Blindness Simulation

Original

#714B2A

Protanopia

#616032

Deuteranopia

#636634

Tritanopia

#6F383A

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDACB
300
#DEC0A6
400
#CC9E75
500
#BA7B45
600
#956337
700
#774F2C
800
#5D3E23
900
#442F1C
950
#2B1E12

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

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