#645064

#645064

Color Values

HEX

#645064

RGB

100, 80, 100

HSL

300.0, 11.1%, 35.3%

HSV

300.0, 20.0%, 39.2%

CMYK

0.0%, 20.0%, 0.0%, 60.8%

OKLCH

0.4589 0.0407 326.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#645064

#506450

Analogous

#5A5064

#64505A

#645064

Triadic

#645064

#646450

#506464

Split Complementary

#645064

#5A6450

#50645A

Tetradic

#645064

#645A50

#506450

#505A64

Color Blindness Simulation

Original

#645064

Protanopia

#5B5B5F

Deuteranopia

#5C5E5E

Tritanopia

#635B5A

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7DF
300
#C9BBC9
400
#AB96AB
500
#8E718E
600
#715B71
700
#5B495B
800
#473947
900
#352C35
950
#221C22

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026