#644AB5

#644AB5

Color Values

HEX

#644AB5

RGB

100, 74, 181

HSL

254.6, 42.0%, 50.0%

HSV

254.6, 59.1%, 71.0%

CMYK

44.8%, 59.1%, 0.0%, 29.0%

OKLCH

0.4939 0.1622 290.4

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#644AB5

#9BB54A

Analogous

#4A65B5

#9A4AB5

#644AB5

Triadic

#644AB5

#B5644A

#4AB564

Split Complementary

#644AB5

#B59A4A

#65B54A

Tetradic

#644AB5

#B54A65

#9BB54A

#4AB59A

Color Blindness Simulation

Original

#644AB5

Protanopia

#59599B

Deuteranopia

#5A5C95

Tritanopia

#638782

Achromatopsia

#575757

CSS Usage

background-color: #644AB5;
color: #644AB5;
border-color: #644AB5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F6F5FA
100
#EAE7F4
200
#D4CCEA
300
#B5A8DC
400
#8C79C8
500
#644AB5
600
#503B91
700
#402F74
800
#32255B
900
#271E43
950
#19132A

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026