#696950

#696950

Color Values

HEX

#696950

RGB

105, 105, 80

HSL

60.0, 13.5%, 36.3%

HSV

60.0, 23.8%, 41.2%

CMYK

0.0%, 0.0%, 23.8%, 58.8%

OKLCH

0.5137 0.0376 107.7

Properties

Warm Dark Nearest: RAL 7003 Moss Grey

Color Harmonies

Complementary

#696950

#505069

Analogous

#695D50

#5D6950

#696950

Triadic

#696950

#506969

#695069

Split Complementary

#696950

#505D69

#5D5069

Tetradic

#696950

#50695D

#505069

#69505D

Color Blindness Simulation

Original

#696950

Protanopia

#696956

Deuteranopia

#696958

Tritanopia

#695B5C

Achromatopsia

#676767

CSS Usage

background-color: #696950;
color: #696950;
border-color: #696950;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0E0D6
300
#CACABA
400
#ADAD94
500
#91916E
600
#747458
700
#5D5D47
800
#484837
900
#36362B
950
#22221B

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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