#645AE9

#645AE9

Color Values

HEX

#645AE9

RGB

100, 90, 233

HSL

244.2, 76.5%, 63.3%

HSV

244.2, 61.4%, 91.4%

CMYK

57.1%, 61.4%, 0.0%, 8.6%

OKLCH

0.5598 0.2083 280.4

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#645AE9

#DFE95A

Analogous

#5A97E9

#AB5AE9

#645AE9

Triadic

#645AE9

#E9645A

#5AE964

Split Complementary

#645AE9

#E9AB5A

#97E95A

Tetradic

#645AE9

#E95A97

#DFE95A

#5AE9AB

Color Blindness Simulation

Original

#645AE9

Protanopia

#6060C6

Deuteranopia

#6061BE

Tritanopia

#64ABA5

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C4C0F7
300
#9A93F1
400
#6358E9
500
#2C1EE1
600
#2318B4
700
#1C1390
800
#160F71
900
#140F52
950
#0C0A34

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026