#696B71

#696B71

Color Values

HEX

#696B71

RGB

105, 107, 113

HSL

225.0, 3.7%, 42.7%

HSV

225.0, 7.1%, 44.3%

CMYK

7.1%, 5.3%, 0.0%, 55.7%

OKLCH

0.5281 0.0097 271.2

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#696B71

#716F69

Analogous

#696F71

#6B6971

#696B71

Triadic

#696B71

#71696B

#6B7169

Split Complementary

#696B71

#716B69

#6F7169

Tetradic

#696B71

#71696F

#716F69

#69716B

Color Blindness Simulation

Original

#696B71

Protanopia

#6A6A70

Deuteranopia

#6A6A6F

Tritanopia

#696E6E

Achromatopsia

#6B6B6B

CSS Usage

background-color: #696B71;
color: #696B71;
border-color: #696B71;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDD
300
#C0C1C4
400
#9D9FA4
500
#7B7D84
600
#62646A
700
#4F5055
800
#3D3F42
900
#2F3032
950
#1E1E20

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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