#696B66

#696B66

Color Values

HEX

#696B66

RGB

105, 107, 102

HSL

84.0, 2.4%, 41.0%

HSV

84.0, 4.7%, 42.0%

CMYK

1.9%, 0.0%, 4.7%, 58.0%

OKLCH

0.5244 0.0081 124.6

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#696B66

#68666B

Analogous

#6B6B66

#676B66

#696B66

Triadic

#696B66

#66696B

#6B6669

Split Complementary

#696B66

#66676B

#6B666B

Tetradic

#696B66

#666B6B

#68666B

#6B6667

Color Blindness Simulation

Original

#696B66

Protanopia

#6A6A67

Deuteranopia

#6A6A68

Tritanopia

#696868

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDCDA
300
#C2C3C0
400
#A1A39E
500
#80837C
600
#666864
700
#525450
800
#40413E
900
#31312F
950
#1F1F1E

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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