#696163

#696163

Color Values

HEX

#696163

RGB

105, 97, 99

HSL

345.0, 4.0%, 39.6%

HSV

345.0, 7.6%, 41.2%

CMYK

0.0%, 7.6%, 5.7%, 58.8%

OKLCH

0.5007 0.0106 0.5

Properties

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

Color Harmonies

Complementary

#696163

#616967

Analogous

#696167

#696361

#696163

Triadic

#696163

#636961

#616369

Split Complementary

#696163

#616963

#616769

Tetradic

#696163

#676961

#616967

#636169

Color Blindness Simulation

Original

#696163

Protanopia

#666563

Deuteranopia

#666762

Tritanopia

#696262

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADB
300
#C4BFC1
400
#A49D9F
500
#857A7D
600
#6A6264
700
#554E50
800
#423D3E
900
#322F30
950
#201D1E

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026