#646464

#646464

Color Values

HEX

#646464

RGB

100, 100, 100

HSL

0.0, 0.0%, 39.2%

HSV

0.0, 0.0%, 39.2%

CMYK

0.0%, 0.0%, 0.0%, 60.8%

OKLCH

0.5032 0.0 89.9

Properties

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

Color Harmonies

Complementary

#646464

#646464

Analogous

#646464

#646464

#646464

Triadic

#646464

#646464

#646464

Split Complementary

#646464

#646464

#646464

Tetradic

#646464

#646464

#646464

#646464

Color Blindness Simulation

Original

#646464

Protanopia

#646464

Deuteranopia

#646464

Tritanopia

#646464

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDB
300
#C2C2C2
400
#A1A1A1
500
#808080
600
#666666
700
#525252
800
#404040
900
#303030
950
#1F1F1F

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Part of These Collections

Radix UI Colors

Gray 11

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