#62676C

#62676C

Color Values

HEX

#62676C

RGB

98, 103, 108

HSL

210.0, 4.9%, 40.4%

HSV

210.0, 9.3%, 42.4%

CMYK

9.3%, 4.6%, 0.0%, 57.6%

OKLCH

0.5111 0.01 248.0

Properties

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

Color Harmonies

Complementary

#62676C

#6C6762

Analogous

#626C6C

#62626C

#62676C

Triadic

#62676C

#6C6267

#676C62

Split Complementary

#62676C

#6C6262

#6C6C62

Tetradic

#62676C

#6C626C

#6C6762

#626C62

Color Blindness Simulation

Original

#62676C

Protanopia

#64646B

Deuteranopia

#64646A

Tritanopia

#626A6A

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#DADBDD
300
#BFC2C5
400
#9CA1A5
500
#798086
600
#61666B
700
#4E5256
800
#3D4043
900
#2E3033
950
#1D1F20

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026