#645DEE

#645DEE

Color Values

HEX

#645DEE

RGB

100, 93, 238

HSL

242.9, 81.0%, 64.9%

HSV

242.9, 60.9%, 93.3%

CMYK

58.0%, 60.9%, 0.0%, 6.7%

OKLCH

0.5686 0.211 279.5

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#645DEE

#E7EE5D

Analogous

#5D9EEE

#AD5DEE

#645DEE

Triadic

#645DEE

#EE645D

#5DEE64

Split Complementary

#645DEE

#EEAD5D

#9EEE5D

Tetradic

#645DEE

#EE5D9E

#E7EE5D

#5DEEAD

Color Blindness Simulation

Original

#645DEE

Protanopia

#6161CB

Deuteranopia

#6162C2

Tritanopia

#64AFA9

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1F9
200
#C1BEF8
300
#9590F3
400
#5C54ED
500
#2218E7
600
#1B13B9
700
#161094
800
#110C73
900
#110D54
950
#0A0835

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026