#684F21

#684F21

Color Values

HEX

#684F21

RGB

104, 79, 33

HSL

38.9, 51.8%, 26.9%

HSV

38.9, 68.3%, 40.8%

CMYK

0.0%, 24.0%, 68.3%, 59.2%

OKLCH

0.444 0.071 80.3

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684F21

#213A68

Analogous

#682C21

#5E6821

#684F21

Triadic

#684F21

#21684F

#4F2168

Split Complementary

#684F21

#215E68

#2C2168

Tetradic

#684F21

#21682C

#213A68

#68215E

Color Blindness Simulation

Original

#684F21

Protanopia

#5D5D2C

Deuteranopia

#5F602F

Tritanopia

#673537

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE1C9
300
#E2CBA2
400
#D2AF70
500
#C2933D
600
#9B7631
700
#7C5E27
800
#614A1F
900
#47371A
950
#2D2310

Contrast Checker

Text on white

7.7:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026