#696954

#696954

Color Values

HEX

#696954

RGB

105, 105, 84

HSL

60.0, 11.1%, 37.1%

HSV

60.0, 20.0%, 41.2%

CMYK

0.0%, 0.0%, 20.0%, 58.8%

OKLCH

0.5147 0.0318 107.5

Properties

Warm Dark Nearest: RAL 7003 Moss Grey

Color Harmonies

Complementary

#696954

#545469

Analogous

#695F54

#5F6954

#696954

Triadic

#696954

#546969

#695469

Split Complementary

#696954

#545F69

#5F5469

Tetradic

#696954

#54695F

#545469

#69545F

Color Blindness Simulation

Original

#696954

Protanopia

#696959

Deuteranopia

#69695A

Tritanopia

#695D5E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#DFDFD7
300
#C9C9BB
400
#ABAB96
500
#8E8E71
600
#71715B
700
#5B5B49
800
#474739
900
#35352C
950
#22221C

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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