#6F6366

#6F6366

Color Values

HEX

#6F6366

RGB

111, 99, 102

HSL

345.0, 5.7%, 41.2%

HSV

345.0, 10.8%, 43.5%

CMYK

0.0%, 10.8%, 8.1%, 56.5%

OKLCH

0.512 0.0159 0.7

Properties

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

Color Harmonies

Complementary

#6F6366

#636F6C

Analogous

#6F636C

#6F6663

#6F6366

Triadic

#6F6366

#666F63

#63666F

Split Complementary

#6F6366

#636F66

#636C6F

Tetradic

#6F6366

#6C6F63

#636F6C

#66636F

Color Blindness Simulation

Original

#6F6366

Protanopia

#6A6A65

Deuteranopia

#6A6B65

Tritanopia

#6E6565

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDD9DA
300
#C5BEC0
400
#A69B9E
500
#87787C
600
#6C6063
700
#564D4F
800
#433C3E
900
#332E2F
950
#201D1E

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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