#7D5214

#7D5214

Color Values

HEX

#7D5214

RGB

125, 82, 20

HSL

35.4, 72.4%, 28.4%

HSV

35.4, 84.0%, 49.0%

CMYK

0.0%, 34.4%, 84.0%, 51.0%

OKLCH

0.4756 0.0933 70.7

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7D5214

#143F7D

Analogous

#7D1D14

#737D14

#7D5214

Triadic

#7D5214

#147D52

#52147D

Split Complementary

#7D5214

#14737D

#1D147D

Tetradic

#7D5214

#147D1D

#143F7D

#7D1473

Color Blindness Simulation

Original

#7D5214

Protanopia

#6A6A23

Deuteranopia

#6D7027

Tritanopia

#7B2F31

Achromatopsia

#575757

CSS Usage

background-color: #7D5214;
color: #7D5214;
border-color: #7D5214;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F5E0C1
300
#EECA95
400
#E5AD5C
500
#DC9023
600
#B0731C
700
#8D5C17
800
#6E4812
900
#503611
950
#33220B

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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