#697A69

#697A69

Color Values

HEX

#697A69

RGB

105, 122, 105

HSL

120.0, 7.5%, 44.5%

HSV

120.0, 13.9%, 47.8%

CMYK

13.9%, 0.0%, 13.9%, 52.2%

OKLCH

0.5604 0.0327 145.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#697A69

#7A697A

Analogous

#717A69

#697A71

#697A69

Triadic

#697A69

#69697A

#7A6969

Split Complementary

#697A69

#71697A

#7A6971

Tetradic

#697A69

#69717A

#7A697A

#7A7169

Color Blindness Simulation

Original

#697A69

Protanopia

#70716D

Deuteranopia

#6F6E6E

Tritanopia

#6A7071

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BDC6BD
400
#9AA89A
500
#768976
600
#5E6E5E
700
#4B584B
800
#3B453B
900
#2D342D
950
#1D211D

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass 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