#714336

#714336

Color Values

HEX

#714336

RGB

113, 67, 54

HSL

13.2, 35.3%, 32.7%

HSV

13.2, 52.2%, 44.3%

CMYK

0.0%, 40.7%, 52.2%, 55.7%

OKLCH

0.434 0.0677 36.6

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#714336

#366471

Analogous

#713646

#716036

#714336

Triadic

#714336

#367143

#433671

Split Complementary

#714336

#367160

#364671

Tetradic

#714336

#467136

#366471

#603671

Color Blindness Simulation

Original

#714336

Protanopia

#5D5D39

Deuteranopia

#60633A

Tritanopia

#6F3C3C

Achromatopsia

#4C4C4C

CSS Usage

background-color: #714336;
color: #714336;
border-color: #714336;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF6F5
100
#F3EAE8
200
#E8D4CF
300
#D7B6AC
400
#C28E7F
500
#AD6652
600
#8A5242
700
#6E4135
800
#563329
900
#402821
950
#281915

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026