#714108

#714108

Color Values

HEX

#714108

RGB

113, 65, 8

HSL

32.6, 86.8%, 23.7%

HSV

32.6, 92.9%, 44.3%

CMYK

0.0%, 42.5%, 92.9%, 55.7%

OKLCH

0.4243 0.0925 62.8

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#714108

#083871

Analogous

#710D08

#6C7108

#714108

Triadic

#714108

#087141

#410871

Split Complementary

#714108

#086C71

#0D0871

Tetradic

#714108

#08710D

#083871

#71086C

Color Blindness Simulation

Original

#714108

Protanopia

#5C5C16

Deuteranopia

#5F6319

Tritanopia

#6F2123

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADEBC
300
#F7C68D
400
#F3A84F
500
#EE8911
600
#BF6E0D
700
#98580B
800
#774508
900
#56340B
950
#372107

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

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