#64557F

#64557F

Color Values

HEX

#64557F

RGB

100, 85, 127

HSL

261.4, 19.8%, 41.6%

HSV

261.4, 33.1%, 49.8%

CMYK

21.3%, 33.1%, 0.0%, 50.2%

OKLCH

0.4814 0.0684 300.3

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#64557F

#707F55

Analogous

#555B7F

#79557F

#64557F

Triadic

#64557F

#7F6455

#557F64

Split Complementary

#64557F

#7F7955

#5B7F55

Tetradic

#64557F

#7F555B

#707F55

#557F79

Color Blindness Simulation

Original

#64557F

Protanopia

#5E5D75

Deuteranopia

#5E6072

Tritanopia

#636D6B

Achromatopsia

#5B5B5B

CSS Usage

background-color: #64557F;
color: #64557F;
border-color: #64557F;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D4E2
300
#BEB6CE
400
#9B8EB3
500
#786699
600
#60527A
700
#4D4162
800
#3C334C
900
#2E2839
950
#1D1924

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

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