#686A15

#686A15

Color Values

HEX

#686A15

RGB

104, 106, 21

HSL

61.4, 66.9%, 24.9%

HSV

61.4, 80.2%, 41.6%

CMYK

1.9%, 0.0%, 80.2%, 58.4%

OKLCH

0.5065 0.1026 110.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#686A15

#17156A

Analogous

#6A4115

#3E6A15

#686A15

Triadic

#686A15

#15686A

#6A1568

Split Complementary

#686A15

#153E6A

#41156A

Tetradic

#686A15

#156A41

#17156A

#6A153E

Color Blindness Simulation

Original

#686A15

Protanopia

#69692A

Deuteranopia

#69692E

Tritanopia

#683A3D

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F7E3
200
#F2F3C3
300
#E9EB99
400
#DDE062
500
#D1D52A
600
#A7AA22
700
#86881B
800
#686A15
900
#4C4E13
950
#30310C

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

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