#6F676C

#6F676C

Color Values

HEX

#6F676C

RGB

111, 103, 108

HSL

322.5, 3.7%, 42.0%

HSV

322.5, 7.2%, 43.5%

CMYK

0.0%, 7.2%, 2.7%, 56.5%

OKLCH

0.5228 0.0126 339.6

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#6F676C

#676F6A

Analogous

#6E676F

#6F6768

#6F676C

Triadic

#6F676C

#6C6F67

#676C6F

Split Complementary

#6F676C

#686F67

#676F6E

Tetradic

#6F676C

#6F6E67

#676F6A

#67686F

Color Blindness Simulation

Original

#6F676C

Protanopia

#6C6B6B

Deuteranopia

#6C6D6A

Tritanopia

#6F6A6A

Achromatopsia

#696969

CSS Usage

background-color: #6F676C;
color: #6F676C;
border-color: #6F676C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADC
300
#C4C0C2
400
#A49DA2
500
#847B81
600
#6A6267
700
#554F52
800
#423D40
900
#322F31
950
#201E1F

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026