#645CED

#645CED

Color Values

HEX

#645CED

RGB

100, 92, 237

HSL

243.3, 80.1%, 64.5%

HSV

243.3, 61.2%, 92.9%

CMYK

57.8%, 61.2%, 0.0%, 7.1%

OKLCH

0.5662 0.2109 279.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#645CED

#E5ED5C

Analogous

#5C9CED

#AC5CED

#645CED

Triadic

#645CED

#ED645C

#5CED64

Split Complementary

#645CED

#EDAC5C

#9CED5C

Tetradic

#645CED

#ED5C9C

#E5ED5C

#5CEDAC

Color Blindness Simulation

Original

#645CED

Protanopia

#6160CA

Deuteranopia

#6162C1

Tritanopia

#64AEA8

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1F9
200
#C2BFF8
300
#9691F3
400
#5D55EC
500
#2519E6
600
#1D14B8
700
#171093
800
#120D73
900
#110E53
950
#0B0935

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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