#696F71

#696F71

Color Values

HEX

#696F71

RGB

105, 111, 113

HSL

195.0, 3.7%, 42.7%

HSV

195.0, 7.1%, 44.3%

CMYK

7.1%, 1.8%, 0.0%, 55.7%

OKLCH

0.5372 0.008 219.6

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#696F71

#716B69

Analogous

#69716F

#696B71

#696F71

Triadic

#696F71

#71696F

#6F7169

Split Complementary

#696F71

#71696B

#716F69

Tetradic

#696F71

#6F6971

#716B69

#6B7169

Color Blindness Simulation

Original

#696F71

Protanopia

#6C6C71

Deuteranopia

#6B6B70

Tritanopia

#697070

Achromatopsia

#6E6E6E

CSS Usage

background-color: #696F71;
color: #696F71;
border-color: #696F71;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADCDD
300
#C0C3C4
400
#9DA2A4
500
#7B8284
600
#62686A
700
#4F5355
800
#3D4142
900
#2F3132
950
#1E1F20

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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