#686638

#686638

Color Values

HEX

#686638

RGB

104, 102, 56

HSL

57.5, 30.0%, 31.4%

HSV

57.5, 46.2%, 40.8%

CMYK

0.0%, 1.9%, 46.2%, 59.2%

OKLCH

0.5008 0.0658 106.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686638

#383A68

Analogous

#684E38

#526838

#686638

Triadic

#686638

#386866

#663868

Split Complementary

#686638

#385268

#4E3868

Tetradic

#686638

#38684E

#383A68

#683852

Color Blindness Simulation

Original

#686638

Protanopia

#676743

Deuteranopia

#676746

Tritanopia

#684C4E

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E9
200
#E6E5D1
300
#D4D3AF
400
#BDBB84
500
#A6A359
600
#858247
700
#6A6839
800
#53512D
900
#3E3C23
950
#272616

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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