#714A2F

#714A2F

Color Values

HEX

#714A2F

RGB

113, 74, 47

HSL

24.5, 41.2%, 31.4%

HSV

24.5, 58.4%, 44.3%

CMYK

0.0%, 34.5%, 58.4%, 55.7%

OKLCH

0.4466 0.0668 54.8

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#714A2F

#2F5671

Analogous

#712F35

#716B2F

#714A2F

Triadic

#714A2F

#2F714A

#4A2F71

Split Complementary

#714A2F

#2F716B

#2F3571

Tetradic

#714A2F

#35712F

#2F5671

#6B2F71

Color Blindness Simulation

Original

#714A2F

Protanopia

#606036

Deuteranopia

#626537

Tritanopia

#6F3B3C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD9CD
300
#DBBDA9
400
#C89A7A
500
#B4764B
600
#905E3C
700
#734B30
800
#5A3B25
900
#422D1E
950
#2A1D13

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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