#7D4812

#7D4812

Color Values

HEX

#7D4812

RGB

125, 72, 18

HSL

30.3, 74.8%, 28.0%

HSV

30.3, 85.6%, 49.0%

CMYK

0.0%, 42.4%, 85.6%, 51.0%

OKLCH

0.4556 0.0969 60.4

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7D4812

#12477D

Analogous

#7D1312

#7C7D12

#7D4812

Triadic

#7D4812

#127D48

#48127D

Split Complementary

#7D4812

#127C7D

#13127D

Tetradic

#7D4812

#127D13

#12477D

#7D127C

Color Blindness Simulation

Original

#7D4812

Protanopia

#66661F

Deuteranopia

#696D22

Tritanopia

#7A292C

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F8EDE2
200
#F6DCC1
300
#F0C294
400
#E7A15A
500
#DF8020
600
#B2671A
700
#8F5215
800
#6F4010
900
#513110
950
#331F0A

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

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