#644487

#644487

Color Values

HEX

#644487

RGB

100, 68, 135

HSL

268.7, 33.0%, 39.8%

HSV

268.7, 49.6%, 52.9%

CMYK

25.9%, 49.6%, 0.0%, 47.1%

OKLCH

0.4528 0.1103 304.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#644487

#678744

Analogous

#444587

#864487

#644487

Triadic

#644487

#876444

#448764

Split Complementary

#644487

#878644

#458744

Tetradic

#644487

#874445

#678744

#448786

Color Blindness Simulation

Original

#644487

Protanopia

#565677

Deuteranopia

#585A73

Tritanopia

#626A67

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DBD0E7
300
#C1AED6
400
#9F82C0
500
#7E55AA
600
#654488
700
#50376D
800
#3F2B55
900
#30223F
950
#1E1628

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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