#714308

#714308

Color Values

HEX

#714308

RGB

113, 67, 8

HSL

33.7, 86.8%, 23.7%

HSV

33.7, 92.9%, 44.3%

CMYK

0.0%, 40.7%, 92.9%, 55.7%

OKLCH

0.4282 0.0918 65.1

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#714308

#083671

Analogous

#710E08

#6A7108

#714308

Triadic

#714308

#087143

#430871

Split Complementary

#714308

#086A71

#0E0871

Tetradic

#714308

#08710E

#083671

#71086A

Color Blindness Simulation

Original

#714308

Protanopia

#5D5D16

Deuteranopia

#60631A

Tritanopia

#6F2224

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FADFBC
300
#F7C88D
400
#F3AB4F
500
#EE8D11
600
#BF710D
700
#985A0B
800
#774708
900
#56350B
950
#372207

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

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