#686636

#686636

Color Values

HEX

#686636

RGB

104, 102, 54

HSL

57.6, 31.6%, 31.0%

HSV

57.6, 48.1%, 40.8%

CMYK

0.0%, 1.9%, 48.1%, 59.2%

OKLCH

0.5004 0.0682 106.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686636

#363868

Analogous

#684D36

#516836

#686636

Triadic

#686636

#366866

#663668

Split Complementary

#686636

#365168

#4D3668

Tetradic

#686636

#36684D

#363868

#683651

Color Blindness Simulation

Original

#686636

Protanopia

#676742

Deuteranopia

#676744

Tritanopia

#684B4D

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F2E8
200
#E7E6D0
300
#D5D4AE
400
#BEBC83
500
#A8A557
600
#868446
700
#6B6938
800
#54522C
900
#3E3D23
950
#272716

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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