#685B17

#685B17

Color Values

HEX

#685B17

RGB

104, 91, 23

HSL

50.4, 63.8%, 24.9%

HSV

50.4, 77.9%, 40.8%

CMYK

0.0%, 12.5%, 77.9%, 59.2%

OKLCH

0.4706 0.0865 98.0

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#685B17

#172468

Analogous

#683317

#4C6817

#685B17

Triadic

#685B17

#17685B

#5B1768

Split Complementary

#685B17

#174C68

#331768

Tetradic

#685B17

#176833

#172468

#68174C

Color Blindness Simulation

Original

#685B17

Protanopia

#626227

Deuteranopia

#63642B

Tritanopia

#673437

Achromatopsia

#595959

CSS Usage

background-color: #685B17;
color: #685B17;
border-color: #685B17;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FBFAF3
100
#F7F4E3
200
#F2EBC5
300
#E9DC9B
400
#DDCA64
500
#D1B72E
600
#A79225
700
#86751E
800
#685B17
900
#4C4315
950
#302B0D

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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