#684D17

#684D17

Color Values

HEX

#684D17

RGB

104, 77, 23

HSL

40.0, 63.8%, 24.9%

HSV

40.0, 77.9%, 40.8%

CMYK

0.0%, 26.0%, 77.9%, 59.2%

OKLCH

0.4385 0.0781 81.0

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684D17

#173268

Analogous

#682417

#5B6817

#684D17

Triadic

#684D17

#17684D

#4D1768

Split Complementary

#684D17

#175B68

#241768

Tetradic

#684D17

#176824

#173268

#68175B

Color Blindness Simulation

Original

#684D17

Protanopia

#5C5C24

Deuteranopia

#5E6027

Tritanopia

#672E31

Achromatopsia

#4F4F4F

CSS Usage

background-color: #684D17;
color: #684D17;
border-color: #684D17;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF9F3
100
#F7F0E3
200
#F2E3C5
300
#E9CF9B
400
#DDB564
500
#D19B2E
600
#A77C25
700
#86631E
800
#684D17
900
#4C3A15
950
#30240D

Contrast Checker

Text on white

7.89:1

AA Pass AAA Pass

Text on black

2.66:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026