#696F5F

#696F5F

Color Values

HEX

#696F5F

RGB

105, 111, 95

HSL

82.5, 7.8%, 40.4%

HSV

82.5, 14.4%, 43.5%

CMYK

5.4%, 0.0%, 14.4%, 56.5%

OKLCH

0.5317 0.0254 124.0

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#696F5F

#655F6F

Analogous

#6F6D5F

#616F5F

#696F5F

Triadic

#696F5F

#5F696F

#6F5F69

Split Complementary

#696F5F

#5F616F

#6D5F6F

Tetradic

#696F5F

#5F6F6D

#655F6F

#6F5F61

Color Blindness Simulation

Original

#696F5F

Protanopia

#6C6C63

Deuteranopia

#6B6B64

Tritanopia

#696667

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DCDED9
300
#C3C7BD
400
#A2A899
500
#828976
600
#686E5E
700
#53584B
800
#41453B
900
#31342D
950
#1F211C

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026