#644FB0

#644FB0

Color Values

HEX

#644FB0

RGB

100, 79, 176

HSL

253.0, 38.0%, 50.0%

HSV

253.0, 55.1%, 69.0%

CMYK

43.2%, 55.1%, 0.0%, 31.0%

OKLCH

0.4989 0.1483 289.9

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#644FB0

#9BB04F

Analogous

#4F6BB0

#944FB0

#644FB0

Triadic

#644FB0

#B0644F

#4FB064

Split Complementary

#644FB0

#B0944F

#6BB04F

Tetradic

#644FB0

#B04F6B

#9BB04F

#4FB094

Color Blindness Simulation

Original

#644FB0

Protanopia

#5B5B99

Deuteranopia

#5C5E93

Tritanopia

#638682

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CEE9
300
#B5ABD9
400
#8C7DC5
500
#644FB0
600
#503F8D
700
#403371
800
#322858
900
#272041
950
#191429

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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