#645DEF

#645DEF

Color Values

HEX

#645DEF

RGB

100, 93, 239

HSL

242.9, 82.0%, 65.1%

HSV

242.9, 61.1%, 93.7%

CMYK

58.2%, 61.1%, 0.0%, 6.3%

OKLCH

0.5694 0.2123 279.4

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#645DEF

#E8EF5D

Analogous

#5D9FEF

#AD5DEF

#645DEF

Triadic

#645DEF

#EF645D

#5DEF64

Split Complementary

#645DEF

#EFAD5D

#9FEF5D

Tetradic

#645DEF

#EF5D9F

#E8EF5D

#5DEFAD

Color Blindness Simulation

Original

#645DEF

Protanopia

#6161CC

Deuteranopia

#6162C3

Tritanopia

#64B0AA

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C1BEF9
300
#9490F4
400
#5B53EE
500
#2117E8
600
#1A12BA
700
#150F95
800
#110B74
900
#100D54
950
#0A0835

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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