#696463

#696463

Color Values

HEX

#696463

RGB

105, 100, 99

HSL

10.0, 2.9%, 40.0%

HSV

10.0, 5.7%, 41.2%

CMYK

0.0%, 4.8%, 5.7%, 58.8%

OKLCH

0.5075 0.0066 31.1

Properties

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

Color Harmonies

Complementary

#696463

#636869

Analogous

#696365

#696763

#696463

Triadic

#696463

#636964

#646369

Split Complementary

#696463

#636967

#636569

Tetradic

#696463

#656963

#636869

#676369

Color Blindness Simulation

Original

#696463

Protanopia

#676763

Deuteranopia

#676863

Tritanopia

#696363

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDBDA
300
#C4C1C0
400
#A39F9E
500
#837D7C
600
#696463
700
#54504F
800
#423F3E
900
#32302F
950
#1F1E1E

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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