#67686E

#67686E

Color Values

HEX

#67686E

RGB

103, 104, 110

HSL

231.4, 3.3%, 41.8%

HSV

231.4, 6.4%, 43.1%

CMYK

6.4%, 5.5%, 0.0%, 56.9%

OKLCH

0.5185 0.0094 278.5

Properties

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

Color Harmonies

Complementary

#67686E

#6E6D67

Analogous

#676C6E

#6A676E

#67686E

Triadic

#67686E

#6E6768

#686E67

Split Complementary

#67686E

#6E6A67

#6C6E67

Tetradic

#67686E

#6E676C

#6E6D67

#676E6A

Color Blindness Simulation

Original

#67686E

Protanopia

#67676D

Deuteranopia

#67676C

Tritanopia

#676B6B

Achromatopsia

#686868

CSS Usage

background-color: #67686E;
color: #67686E;
border-color: #67686E;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADADC
300
#C0C0C4
400
#9E9EA4
500
#7B7C84
600
#636469
700
#4F5054
800
#3E3E42
900
#2F2F32
950
#1E1E20

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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