#696407

#696407

Color Values

HEX

#696407

RGB

105, 100, 7

HSL

56.9, 87.5%, 22.0%

HSV

56.9, 93.3%, 41.2%

CMYK

0.0%, 4.8%, 93.3%, 58.8%

OKLCH

0.4923 0.1024 106.1

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#696407

#070C69

Analogous

#693307

#3D6907

#696407

Triadic

#696407

#076964

#640769

Split Complementary

#696407

#073D69

#330769

Tetradic

#696407

#076933

#070C69

#69073D

Color Blindness Simulation

Original

#696407

Protanopia

#67671D

Deuteranopia

#676823

Tritanopia

#692F33

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#FBF7BC
300
#F7F28C
400
#F3EB4E
500
#EFE410
600
#BFB60D
700
#99920A
800
#787208
900
#57530A
950
#373407

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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