#64626C

#64626C

Color Values

HEX

#64626C

RGB

100, 98, 108

HSL

252.0, 4.9%, 40.4%

HSV

252.0, 9.3%, 42.4%

CMYK

7.4%, 9.3%, 0.0%, 57.6%

OKLCH

0.5015 0.0159 295.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#64626C

#6A6C62

Analogous

#62656C

#69626C

#64626C

Triadic

#64626C

#6C6462

#626C64

Split Complementary

#64626C

#6C6962

#656C62

Tetradic

#64626C

#6C6265

#6A6C62

#626C69

Color Blindness Simulation

Original

#64626C

Protanopia

#63636A

Deuteranopia

#636369

Tritanopia

#646867

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DADADD
300
#C0BFC5
400
#9E9CA5
500
#7C7986
600
#63616B
700
#4F4E56
800
#3E3D43
900
#2F2E33
950
#1E1D20

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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