#686409

#686409

Color Values

HEX

#686409

RGB

104, 100, 9

HSL

57.5, 84.1%, 22.2%

HSV

57.5, 91.3%, 40.8%

CMYK

0.0%, 3.8%, 91.3%, 59.2%

OKLCH

0.4913 0.1019 106.8

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#686409

#090D68

Analogous

#683509

#3D6809

#686409

Triadic

#686409

#096864

#640968

Split Complementary

#686409

#093D68

#350968

Tetradic

#686409

#096835

#090D68

#68093D

Color Blindness Simulation

Original

#686409

Protanopia

#66661F

Deuteranopia

#666724

Tritanopia

#683034

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#F9F7BD
300
#F5F18E
400
#F0E951
500
#EBE214
600
#BCB510
700
#96910D
800
#75710A
900
#55520C
950
#363407

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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