#64556A

#64556A

Color Values

HEX

#64556A

RGB

100, 85, 106

HSL

282.9, 11.0%, 37.5%

HSV

282.9, 19.8%, 41.6%

CMYK

5.7%, 19.8%, 0.0%, 58.4%

OKLCH

0.472 0.0381 316.3

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#64556A

#5B6A55

Analogous

#5A556A

#6A5566

#64556A

Triadic

#64556A

#6A6455

#556A64

Split Complementary

#64556A

#666A55

#556A5A

Tetradic

#64556A

#6A5A55

#5B6A55

#55666A

Color Blindness Simulation

Original

#64556A

Protanopia

#5E5D65

Deuteranopia

#5E6064

Tritanopia

#636160

Achromatopsia

#5A5A5A

CSS Usage

background-color: #64556A;
color: #64556A;
border-color: #64556A;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7DF
300
#C5BBC9
400
#A596AB
500
#86718E
600
#6B5B71
700
#55495B
800
#433947
900
#332C35
950
#201C22

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

3.05:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026