#646B72

#646B72

Color Values

HEX

#646B72

RGB

100, 107, 114

HSL

210.0, 6.5%, 42.0%

HSV

210.0, 12.3%, 44.7%

CMYK

12.3%, 6.1%, 0.0%, 55.3%

OKLCH

0.5242 0.014 248.1

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#646B72

#726B64

Analogous

#647272

#646472

#646B72

Triadic

#646B72

#72646B

#6B7264

Split Complementary

#646B72

#726464

#727264

Tetradic

#646B72

#726472

#726B64

#647264

Color Blindness Simulation

Original

#646B72

Protanopia

#676770

Deuteranopia

#676670

Tritanopia

#646F6F

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDE
300
#BEC2C6
400
#9BA1A7
500
#778088
600
#5F666D
700
#4C5257
800
#3C4044
900
#2E3033
950
#1D1F20

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026