#696C60

#696C60

Color Values

HEX

#696C60

RGB

105, 108, 96

HSL

75.0, 5.9%, 40.0%

HSV

75.0, 11.1%, 42.4%

CMYK

2.8%, 0.0%, 11.1%, 57.6%

OKLCH

0.525 0.0187 118.5

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#696C60

#63606C

Analogous

#6C6960

#636C60

#696C60

Triadic

#696C60

#60696C

#6C6069

Split Complementary

#696C60

#60636C

#69606C

Tetradic

#696C60

#606C69

#63606C

#6C6063

Color Blindness Simulation

Original

#696C60

Protanopia

#6A6A63

Deuteranopia

#6A6A64

Tritanopia

#696566

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDDD9
300
#C4C5BE
400
#A3A69B
500
#838778
600
#696C60
700
#54564D
800
#42443C
900
#32332E
950
#1F201D

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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