#644F7E

#644F7E

Color Values

HEX

#644F7E

RGB

100, 79, 126

HSL

266.8, 22.9%, 40.2%

HSV

266.8, 37.3%, 49.4%

CMYK

20.6%, 37.3%, 0.0%, 50.6%

OKLCH

0.4687 0.078 304.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644F7E

#697E4F

Analogous

#4F527E

#7B4F7E

#644F7E

Triadic

#644F7E

#7E644F

#4F7E64

Split Complementary

#644F7E

#7E7B4F

#527E4F

Tetradic

#644F7E

#7E4F52

#697E4F

#4F7E7B

Color Blindness Simulation

Original

#644F7E

Protanopia

#5B5B73

Deuteranopia

#5C5E70

Tritanopia

#636A68

Achromatopsia

#575757

CSS Usage

background-color: #644F7E;
color: #644F7E;
border-color: #644F7E;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#EDEAF1
200
#DAD3E3
300
#C0B4D0
400
#9E8BB6
500
#7C629D
600
#644F7D
700
#503F64
800
#3E314E
900
#2F263A
950
#1E1825

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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