#645FAC

#645FAC

Color Values

HEX

#645FAC

RGB

100, 95, 172

HSL

243.9, 31.7%, 52.4%

HSV

243.9, 44.8%, 67.5%

CMYK

41.9%, 44.8%, 0.0%, 32.5%

OKLCH

0.5262 0.1187 284.5

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#645FAC

#A7AC5F

Analogous

#5F81AC

#8B5FAC

#645FAC

Triadic

#645FAC

#AC645F

#5FAC64

Split Complementary

#645FAC

#AC8B5F

#81AC5F

Tetradic

#645FAC

#AC5F81

#A7AC5F

#5FAC8B

Color Blindness Simulation

Original

#645FAC

Protanopia

#626299

Deuteranopia

#626295

Tritanopia

#648B87

Achromatopsia

#666666

CSS Usage

background-color: #645FAC;
color: #645FAC;
border-color: #645FAC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D1D0E7
300
#B1AED5
400
#8783BF
500
#5C57A8
600
#4A4686
700
#3B386B
800
#2E2C54
900
#24233E
950
#171627

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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