#684C18

#684C18

Color Values

HEX

#684C18

RGB

104, 76, 24

HSL

39.0, 62.5%, 25.1%

HSV

39.0, 76.9%, 40.8%

CMYK

0.0%, 26.9%, 76.9%, 59.2%

OKLCH

0.4364 0.0771 79.3

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684C18

#183468

Analogous

#682418

#5C6818

#684C18

Triadic

#684C18

#18684C

#4C1868

Split Complementary

#684C18

#185C68

#241868

Tetradic

#684C18

#186824

#183468

#68185C

Color Blindness Simulation

Original

#684C18

Protanopia

#5C5C25

Deuteranopia

#5E6028

Tritanopia

#672F31

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F0E4
200
#F2E2C5
300
#E8CD9C
400
#DCB266
500
#CF9730
600
#A67926
700
#85611F
800
#684C18
900
#4C3915
950
#30240D

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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