#696B67

#696B67

Color Values

HEX

#696B67

RGB

105, 107, 103

HSL

90.0, 1.9%, 41.2%

HSV

90.0, 3.7%, 42.0%

CMYK

1.9%, 0.0%, 3.7%, 58.0%

OKLCH

0.5247 0.0066 128.6

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#696B67

#69676B

Analogous

#6B6B67

#676B67

#696B67

Triadic

#696B67

#67696B

#6B6769

Split Complementary

#696B67

#67676B

#6B676B

Tetradic

#696B67

#676B6B

#69676B

#6B6767

Color Blindness Simulation

Original

#696B67

Protanopia

#6A6A68

Deuteranopia

#6A6A68

Tritanopia

#696969

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDCDB
300
#C2C3C1
400
#A1A29F
500
#80827D
600
#666864
700
#525350
800
#40413F
900
#303130
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