#676872

#676872

Color Values

HEX

#676872

RGB

103, 104, 114

HSL

234.5, 5.1%, 42.5%

HSV

234.5, 9.6%, 44.7%

CMYK

9.6%, 8.8%, 0.0%, 55.3%

OKLCH

0.5199 0.0157 281.3

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#676872

#727167

Analogous

#676D72

#6B6772

#676872

Triadic

#676872

#726768

#687267

Split Complementary

#676872

#726B67

#6D7267

Tetradic

#676872

#72676D

#727167

#67726B

Color Blindness Simulation

Original

#676872

Protanopia

#676770

Deuteranopia

#67676F

Tritanopia

#676E6D

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADD
300
#BFBFC5
400
#9C9DA5
500
#797A86
600
#61626B
700
#4D4E56
800
#3C3D43
900
#2E2F33
950
#1D1D20

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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