#714B2F

#714B2F

Color Values

HEX

#714B2F

RGB

113, 75, 47

HSL

25,5, 41,2%, 31,4%

HSV

25,5, 58,4%, 44,3%

CMYK

0,0%, 33,6%, 58,4%, 55,7%

OKLCH

0,4487 0,0663 56,5

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#714B2F

#2F5571

Analogous

#712F34

#716C2F

#714B2F

Triadic

#714B2F

#2F714B

#4B2F71

Split Complementary

#714B2F

#2F716C

#2F3471

Tetradic

#714B2F

#34712F

#2F5571

#6C2F71

Color Blindness Simulation

Original

#714B2F

Protanopia

#616036

Deuteranopia

#636637

Tritanopia

#6F3B3C

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD9CD
300
#DBBEA9
400
#C89B7A
500
#B4784B
600
#90603C
700
#734D30
800
#5A3C25
900
#422E1E
950
#2A1D13

Contrast Checker

Text on white

7,64:1

AA Pass AAA Pass

Text on black

2,75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026