#644191

#644191

Color Values

HEX

#644191

RGB

100, 65, 145

HSL

266.2, 38.1%, 41.2%

HSV

266.2, 55.2%, 56.9%

CMYK

31.0%, 55.2%, 0.0%, 43.1%

OKLCH

0.4539 0.1286 301.7

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#644191

#6E9141

Analogous

#414691

#8C4191

#644191

Triadic

#644191

#916441

#419164

Split Complementary

#644191

#918C41

#469141

Tetradic

#644191

#914146

#6E9141

#41918C

Color Blindness Simulation

Original

#644191

Protanopia

#55557E

Deuteranopia

#575A79

Tritanopia

#626E6B

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#DACEE9
300
#BFAAD9
400
#9C7DC5
500
#794FB0
600
#613F8D
700
#4E3371
800
#3D2758
900
#2E2041
950
#1D1429

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026