#696409

#696409

Color Values

HEX

#696409

RGB

105, 100, 9

HSL

56.9, 84.2%, 22.4%

HSV

56.9, 91.4%, 41.2%

CMYK

0.0%, 4.8%, 91.4%, 58.8%

OKLCH

0.4923 0.1017 106.0

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#696409

#090E69

Analogous

#693409

#3E6909

#696409

Triadic

#696409

#096964

#640969

Split Complementary

#696409

#093E69

#340969

Tetradic

#696409

#096934

#090E69

#69093E

Color Blindness Simulation

Original

#696409

Protanopia

#67671F

Deuteranopia

#676824

Tritanopia

#693034

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#F9F6BD
300
#F5F08E
400
#F0E851
500
#EBE014
600
#BCB310
700
#968F0D
800
#75700A
900
#55510C
950
#363307

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026