#645AE5

#645AE5

Color Values

HEX

#645AE5

RGB

100, 90, 229

HSL

244.3, 72.8%, 62.5%

HSV

244.3, 60.7%, 89.8%

CMYK

56.3%, 60.7%, 0.0%, 10.2%

OKLCH

0.5567 0.2032 280.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#645AE5

#DBE55A

Analogous

#5A95E5

#A95AE5

#645AE5

Triadic

#645AE5

#E5645A

#5AE564

Split Complementary

#645AE5

#E5A95A

#95E55A

Tetradic

#645AE5

#E55A95

#DBE55A

#5AE5A9

Color Blindness Simulation

Original

#645AE5

Protanopia

#6060C3

Deuteranopia

#6061BB

Tritanopia

#64A9A3

Achromatopsia

#666666

CSS Usage

background-color: #645AE5;
color: #645AE5;
border-color: #645AE5;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C5C1F5
300
#9C95EE
400
#665CE5
500
#3023DC
600
#261CB0
700
#1F168D
800
#18116E
900
#151150
950
#0D0B33

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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