#645CE6

#645CE6

Color Values

HEX

#645CE6

RGB

100, 92, 230

HSL

243.5, 73.4%, 63.1%

HSV

243.5, 60.0%, 90.2%

CMYK

56.5%, 60.0%, 0.0%, 9.8%

OKLCH

0.5607 0.202 280.3

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#645CE6

#DEE65C

Analogous

#5C99E6

#A95CE6

#645CE6

Triadic

#645CE6

#E6645C

#5CE664

Split Complementary

#645CE6

#E6A95C

#99E65C

Tetradic

#645CE6

#E65C99

#DEE65C

#5CE6A9

Color Blindness Simulation

Original

#645CE6

Protanopia

#6160C5

Deuteranopia

#6162BD

Tritanopia

#64AAA4

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C1F6
300
#9A95EF
400
#635BE6
500
#2D22DD
600
#241BB1
700
#1D168D
800
#16116F
900
#141050
950
#0D0A33

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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