#714218

#714218

Color Values

HEX

#714218

RGB

113, 66, 24

HSL

28.3, 65.0%, 26.9%

HSV

28.3, 78.8%, 44.3%

CMYK

0.0%, 41.6%, 78.8%, 55.7%

OKLCH

0.4274 0.0853 58.7

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#714218

#184771

Analogous

#71181B

#716F18

#714218

Triadic

#714218

#187142

#421871

Split Complementary

#714218

#18716F

#181B71

Tetradic

#714218

#1B7118

#184771

#6F1871

Color Blindness Simulation

Original

#714218

Protanopia

#5D5C22

Deuteranopia

#5F6325

Tritanopia

#6F2A2C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC4
300
#EAC09A
400
#DE9D63
500
#D27B2D
600
#A86224
700
#874F1D
800
#693D16
900
#4D2F14
950
#311E0D

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

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