#686509

#686509

Color Values

HEX

#686509

RGB

104, 101, 9

HSL

58.1, 84.1%, 22.2%

HSV

58.1, 91.3%, 40.8%

CMYK

0.0%, 2.9%, 91.3%, 59.2%

OKLCH

0.4938 0.1028 107.5

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#686509

#090C68

Analogous

#683609

#3C6809

#686509

Triadic

#686509

#096865

#650968

Split Complementary

#686509

#093C68

#360968

Tetradic

#686509

#096836

#090C68

#68093C

Color Blindness Simulation

Original

#686509

Protanopia

#67671F

Deuteranopia

#676725

Tritanopia

#683135

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#F9F7BD
300
#F5F28E
400
#F0EB51
500
#EBE414
600
#BCB610
700
#96920D
800
#75720A
900
#55530C
950
#363407

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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