#696C66

#696C66

Color Values

HEX

#696C66

RGB

105, 108, 102

HSL

90.0, 2.9%, 41.2%

HSV

90.0, 5.6%, 42.4%

CMYK

2.8%, 0.0%, 5.6%, 57.6%

OKLCH

0.5267 0.0099 128.7

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#696C66

#69666C

Analogous

#6C6C66

#666C66

#696C66

Triadic

#696C66

#66696C

#6C6669

Split Complementary

#696C66

#66666C

#6C666C

Tetradic

#696C66

#666C6C

#69666C

#6C6666

Color Blindness Simulation

Original

#696C66

Protanopia

#6A6A67

Deuteranopia

#6A6A68

Tritanopia

#696969

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDCDA
300
#C2C4C0
400
#A1A39E
500
#80837C
600
#666963
700
#52544F
800
#40423E
900
#30322F
950
#1F1F1E

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