#646D71

#646D71

Color Values

HEX

#646D71

RGB

100, 109, 113

HSL

198.5, 6.1%, 41.8%

HSV

198.5, 11.5%, 44.3%

CMYK

11.5%, 3.5%, 0.0%, 55.7%

OKLCH

0.5284 0.0127 226.1

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#646D71

#716864

Analogous

#64716F

#646771

#646D71

Triadic

#646D71

#71646D

#6D7164

Split Complementary

#646D71

#716467

#716F64

Tetradic

#646D71

#6F6471

#716864

#677164

Color Blindness Simulation

Original

#646D71

Protanopia

#686870

Deuteranopia

#676770

Tritanopia

#646F6F

Achromatopsia

#6B6B6B

CSS Usage

background-color: #646D71;
color: #646D71;
border-color: #646D71;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DCDD
300
#BEC3C6
400
#9BA3A6
500
#788287
600
#60686C
700
#4D5457
800
#3C4144
900
#2E3133
950
#1D1F20

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

3.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026