#686B22

#686B22

Color Values

HEX

#686B22

RGB

104, 107, 34

HSL

62.5, 51.8%, 27.6%

HSV

62.5, 68.2%, 42.0%

CMYK

2.8%, 0.0%, 68.2%, 58.0%

OKLCH

0.51 0.0947 111.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#686B22

#25226B

Analogous

#6B4922

#436B22

#686B22

Triadic

#686B22

#22686B

#6B2268

Split Complementary

#686B22

#22436B

#49226B

Tetradic

#686B22

#226B49

#25226B

#6B2243

Color Blindness Simulation

Original

#686B22

Protanopia

#696934

Deuteranopia

#696938

Tritanopia

#684245

Achromatopsia

#656565

CSS Usage

background-color: #686B22;
color: #686B22;
border-color: #686B22;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEEC9
300
#DFE2A2
400
#CDD270
500
#BCC23D
600
#969B31
700
#787C27
800
#5E611F
900
#45471A
950
#2C2D10

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026