#645AC8

#645AC8

Color Values

HEX

#645AC8

RGB

100, 90, 200

HSL

245.5, 50.0%, 56.9%

HSV

245.5, 55.0%, 78.4%

CMYK

50.0%, 55.0%, 0.0%, 21.6%

OKLCH

0.5351 0.1652 283.4

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#645AC8

#BEC85A

Analogous

#5A87C8

#9B5AC8

#645AC8

Triadic

#645AC8

#C8645A

#5AC864

Split Complementary

#645AC8

#C89B5A

#87C85A

Tetradic

#645AC8

#C85A87

#BEC85A

#5AC89B

Color Blindness Simulation

Original

#645AC8

Protanopia

#6060AD

Deuteranopia

#6061A7

Tritanopia

#649894

Achromatopsia

#646464

CSS Usage

background-color: #645AC8;
color: #645AC8;
border-color: #645AC8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CDC9ED
300
#A9A3E0
400
#7A71D0
500
#4B40BF
600
#3C3399
700
#30297A
800
#262060
900
#1F1B46
950
#13112C

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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