#696466

#696466

Color Values

HEX

#696466

RGB

105, 100, 102

HSL

336.0, 2.4%, 40.2%

HSV

336.0, 4.8%, 41.2%

CMYK

0.0%, 4.8%, 2.9%, 58.8%

OKLCH

0.5085 0.007 351.0

Properties

Warm Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#696466

#646967

Analogous

#696468

#696564

#696466

Triadic

#696466

#666964

#646669

Split Complementary

#696466

#646965

#646869

Tetradic

#696466

#686964

#646967

#656469

Color Blindness Simulation

Original

#696466

Protanopia

#676766

Deuteranopia

#676865

Tritanopia

#696565

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADB
300
#C3C0C2
400
#A39EA0
500
#837C7F
600
#686466
700
#545051
800
#413E3F
900
#312F30
950
#1F1E1E

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026