#696104

#696104

Color Values

HEX

#696104

RGB

105, 97, 4

HSL

55.2, 92.7%, 21.4%

HSV

55.2, 96.2%, 41.2%

CMYK

0.0%, 7.6%, 96.2%, 58.8%

OKLCH

0.4849 0.1008 103.8

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#696104

#040C69

Analogous

#692E04

#3F6904

#696104

Triadic

#696104

#046961

#610469

Split Complementary

#696104

#043F69

#2E0469

Tetradic

#696104

#04692E

#040C69

#69043F

Color Blindness Simulation

Original

#696104

Protanopia

#66651A

Deuteranopia

#666720

Tritanopia

#692C30

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF9DF
200
#FCF7BA
300
#FBF189
400
#F8EA49
500
#F6E309
600
#C5B507
700
#9D9106
800
#7B7105
900
#595208
950
#383405

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026