#714217

#714217

Color Values

HEX

#714217

RGB

113, 66, 23

HSL

28.7, 66.2%, 26.7%

HSV

28.7, 79.6%, 44.3%

CMYK

0.0%, 41.6%, 79.6%, 55.7%

OKLCH

0.4273 0.0859 59.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#714217

#174671

Analogous

#711719

#716F17

#714217

Triadic

#714217

#177142

#421771

Split Complementary

#714217

#17716F

#171971

Tetradic

#714217

#197117

#174671

#6F1771

Color Blindness Simulation

Original

#714217

Protanopia

#5D5C21

Deuteranopia

#5F6324

Tritanopia

#6F2A2B

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC4
300
#EAC099
400
#DF9E62
500
#D47C2B
600
#AA6322
700
#884F1C
800
#6A3E16
900
#4D2F14
950
#311E0C

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

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