#684F18

#684F18

Color Values

HEX

#684F18

RGB

104, 79, 24

HSL

41.2, 62.5%, 25.1%

HSV

41.2, 76.9%, 40.8%

CMYK

0.0%, 24.0%, 76.9%, 59.2%

OKLCH

0.443 0.0781 83.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684F18

#183168

Analogous

#682718

#596818

#684F18

Triadic

#684F18

#18684F

#4F1868

Split Complementary

#684F18

#185968

#271868

Tetradic

#684F18

#186827

#183168

#681859

Color Blindness Simulation

Original

#684F18

Protanopia

#5D5D25

Deuteranopia

#5F6028

Tritanopia

#673032

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F1E4
200
#F2E4C5
300
#E8D09C
400
#DCB766
500
#CF9D30
600
#A67E26
700
#85651F
800
#684F18
900
#4C3B15
950
#30250D

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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