#7D6803

#7D6803

Color Values

HEX

#7D6803

RGB

125, 104, 3

HSL

49.7, 95.3%, 25.1%

HSV

49.7, 97.6%, 49.0%

CMYK

0.0%, 16.8%, 97.6%, 51.0%

OKLCH

0.5223 0.1063 94.9

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#7D6803

#03187D

Analogous

#7D2B03

#557D03

#7D6803

Triadic

#7D6803

#037D68

#68037D

Split Complementary

#7D6803

#03557D

#2B037D

Tetradic

#7D6803

#037D2B

#03187D

#7D0355

Color Blindness Simulation

Original

#7D6803

Protanopia

#74741B

Deuteranopia

#757721

Tritanopia

#7C2F33

Achromatopsia

#656565

CSS Usage

background-color: #7D6803;
color: #7D6803;
border-color: #7D6803;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FEFBF1
100
#FCF7DF
200
#FDF2B9
300
#FCE887
400
#FBDC47
500
#F9CF06
600
#C7A605
700
#9F8504
800
#7D6803
900
#5A4C07
950
#393004

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

3.85:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026