#696F5D

#696F5D

Color Values

HEX

#696F5D

RGB

105, 111, 93

HSL

80.0, 8.8%, 40.0%

HSV

80.0, 16.2%, 43.5%

CMYK

5.4%, 0.0%, 16.2%, 56.5%

OKLCH

0.5311 0.0283 122.4

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#696F5D

#635D6F

Analogous

#6F6C5D

#606F5D

#696F5D

Triadic

#696F5D

#5D696F

#6F5D69

Split Complementary

#696F5D

#5D606F

#6C5D6F

Tetradic

#696F5D

#5D6F6C

#635D6F

#6F5D60

Color Blindness Simulation

Original

#696F5D

Protanopia

#6C6C61

Deuteranopia

#6B6B62

Tritanopia

#696566

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDED8
300
#C4C7BC
400
#A3A998
500
#838B74
600
#696F5D
700
#54594A
800
#42453A
900
#32342D
950
#1F211C

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026