#684418

#684418

Color Values

HEX

#684418

RGB

104, 68, 24

HSL

33.0, 62.5%, 25.1%

HSV

33.0, 76.9%, 40.8%

CMYK

0.0%, 34.6%, 76.9%, 59.2%

OKLCH

0.419 0.0765 68.0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#684418

#183C68

Analogous

#681C18

#646818

#684418

Triadic

#684418

#186844

#441868

Split Complementary

#684418

#186468

#1C1868

Tetradic

#684418

#18681C

#183C68

#681864

Color Blindness Simulation

Original

#684418

Protanopia

#585823

Deuteranopia

#5A5D25

Tritanopia

#662B2D

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DEC5
300
#E8C69C
400
#DCA766
500
#CF8730
600
#A66C26
700
#85571F
800
#684418
900
#4C3315
950
#30200D

Contrast Checker

Text on white

8.65:1

AA Pass AAA Pass

Text on black

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