#644389

#644389

Color Values

HEX

#644389

RGB

100, 67, 137

HSL

268.3, 34.3%, 40.0%

HSV

268.3, 51.1%, 53.7%

CMYK

27.0%, 51.1%, 0.0%, 46.3%

OKLCH

0.4522 0.1147 303.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#644389

#688943

Analogous

#434589

#874389

#644389

Triadic

#644389

#896443

#438964

Split Complementary

#644389

#898743

#458943

Tetradic

#644389

#894345

#688943

#438987

Color Blindness Simulation

Original

#644389

Protanopia

#565578

Deuteranopia

#585A74

Tritanopia

#626B68

Achromatopsia

#4F4F4F

CSS Usage

background-color: #644389;
color: #644389;
border-color: #644389;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DBCFE8
300
#C1ADD7
400
#9F80C1
500
#7D54AB
600
#644389
700
#50366E
800
#3F2A56
900
#30213F
950
#1E1528

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

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