#686804

#686804

Color Values

HEX

#686804

RGB

104, 104, 4

HSL

60.0, 92.6%, 21.2%

HSV

60.0, 96.2%, 40.8%

CMYK

0.0%, 0.0%, 96.2%, 59.2%

OKLCH

0.5009 0.1077 109.7

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#686804

#040468

Analogous

#683604

#366804

#686804

Triadic

#686804

#046868

#680468

Split Complementary

#686804

#043668

#360468

Tetradic

#686804

#046836

#040468

#680436

Color Blindness Simulation

Original

#686804

Protanopia

#68681C

Deuteranopia

#686822

Tritanopia

#682F34

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFCBA
300
#FAFA89
400
#F8F849
500
#F6F609
600
#C4C408
700
#9D9D06
800
#7B7B05
900
#595908
950
#383805

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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