#686B36

#686B36

Color Values

HEX

#686B36

RGB

104, 107, 54

HSL

63.4, 32.9%, 31.6%

HSV

63.4, 49.5%, 42.0%

CMYK

2.8%, 0.0%, 49.5%, 58.0%

OKLCH

0.5125 0.0747 111.6

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#686B36

#39366B

Analogous

#6B5436

#4E6B36

#686B36

Triadic

#686B36

#36686B

#6B3668

Split Complementary

#686B36

#364E6B

#54366B

Tetradic

#686B36

#366B54

#39366B

#6B364E

Color Blindness Simulation

Original

#686B36

Protanopia

#696943

Deuteranopia

#696946

Tritanopia

#684D4F

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F2E8
200
#E6E7D0
300
#D4D6AE
400
#BCC082
500
#A5A956
600
#848844
700
#696C37
800
#52552B
900
#3D3F22
950
#272816

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026