#746307

#746307

Color Values

HEX

#746307

RGB

116, 99, 7

HSL

50.6, 88.6%, 24.1%

HSV

50.6, 94.0%, 45.5%

CMYK

0.0%, 14.7%, 94.0%, 54.5%

OKLCH

0.5013 0.1009 97.0

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#746307

#071874

Analogous

#742C07

#4F7407

#746307

Triadic

#746307

#077463

#630774

Split Complementary

#746307

#074F74

#2C0774

Tetradic

#746307

#07742C

#071874

#74074F

Color Blindness Simulation

Original

#746307

Protanopia

#6D6C1D

Deuteranopia

#6E6F23

Tritanopia

#732F33

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF6E0
200
#FBF1BC
300
#F8E78C
400
#F4DA4D
500
#F0CD0F
600
#C0A40C
700
#9A8309
800
#786707
900
#574B0A
950
#372F06

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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