#684C17

#684C17

Color Values

HEX

#684C17

RGB

104, 76, 23

HSL

39.3, 63.8%, 24.9%

HSV

39.3, 77.9%, 40.8%

CMYK

0.0%, 26.9%, 77.9%, 59.2%

OKLCH

0.4363 0.0778 79.7

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684C17

#173368

Analogous

#682417

#5B6817

#684C17

Triadic

#684C17

#17684C

#4C1768

Split Complementary

#684C17

#175B68

#241768

Tetradic

#684C17

#176824

#173368

#68175B

Color Blindness Simulation

Original

#684C17

Protanopia

#5C5C24

Deuteranopia

#5E6027

Tritanopia

#672E30

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F0E3
200
#F2E2C5
300
#E9CE9B
400
#DDB364
500
#D1992E
600
#A77A25
700
#86621E
800
#684C17
900
#4C3915
950
#30240D

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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