#7D4716

#7D4716

Color Values

HEX

#7D4716

RGB

125, 71, 22

HSL

28.5, 70.1%, 28.8%

HSV

28.5, 82.4%, 49.0%

CMYK

0.0%, 43.2%, 82.4%, 51.0%

OKLCH

0.454 0.0956 58.1

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7D4716

#164C7D

Analogous

#7D1619

#7D7A16

#7D4716

Triadic

#7D4716

#167D47

#47167D

Split Complementary

#7D4716

#167D7A

#16197D

Tetradic

#7D4716

#197D16

#164C7D

#7A167D

Color Blindness Simulation

Original

#7D4716

Protanopia

#666522

Deuteranopia

#696D25

Tritanopia

#7A2B2D

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DAC2
300
#EDC097
400
#E39D5F
500
#D97B26
600
#AE621E
700
#8B4F18
800
#6C3E13
900
#4F2F12
950
#321E0B

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026