#684D18

#684D18

Color Values

HEX

#684D18

RGB

104, 77, 24

HSL

39.8, 62.5%, 25.1%

HSV

39.8, 76.9%, 40.8%

CMYK

0.0%, 26.0%, 76.9%, 59.2%

OKLCH

0.4386 0.0774 80.7

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684D18

#183368

Analogous

#682518

#5B6818

#684D18

Triadic

#684D18

#18684D

#4D1868

Split Complementary

#684D18

#185B68

#251868

Tetradic

#684D18

#186825

#183368

#68185B

Color Blindness Simulation

Original

#684D18

Protanopia

#5C5C25

Deuteranopia

#5E6028

Tritanopia

#672F31

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F0E4
200
#F2E3C5
300
#E8CE9C
400
#DCB466
500
#CF9A30
600
#A67B26
700
#85621F
800
#684D18
900
#4C3915
950
#30240D

Contrast Checker

Text on white

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