#686707

#686707

Color Values

HEX

#686707

RGB

104, 103, 7

HSL

59.4, 87.4%, 21.8%

HSV

59.4, 93.3%, 40.8%

CMYK

0.0%, 1.0%, 93.3%, 59.2%

OKLCH

0.4986 0.1056 109.0

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#686707

#070868

Analogous

#683707

#396807

#686707

Triadic

#686707

#076867

#670768

Split Complementary

#686707

#073968

#370768

Tetradic

#686707

#076837

#070868

#680739

Color Blindness Simulation

Original

#686707

Protanopia

#68681E

Deuteranopia

#686824

Tritanopia

#683135

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FBFABC
300
#F7F68C
400
#F3F14E
500
#EFED10
600
#BFBD0D
700
#99970A
800
#777608
900
#57560A
950
#373607

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

3.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026