#645DAC

#645DAC

Color Values

HEX

#645DAC

RGB

100, 93, 172

HSL

245.3, 32.2%, 52.0%

HSV

245.3, 45.9%, 67.5%

CMYK

41.9%, 45.9%, 0.0%, 32.5%

OKLCH

0.5223 0.1217 285.4

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#645DAC

#A5AC5D

Analogous

#5D7EAC

#8C5DAC

#645DAC

Triadic

#645DAC

#AC645D

#5DAC64

Split Complementary

#645DAC

#AC8C5D

#7EAC5D

Tetradic

#645DAC

#AC5D7E

#A5AC5D

#5DAC8C

Color Blindness Simulation

Original

#645DAC

Protanopia

#616199

Deuteranopia

#616294

Tritanopia

#648A86

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D2D0E7
300
#B2AED6
400
#8882BF
500
#5E56A9
600
#4B4587
700
#3C376C
800
#2F2B54
900
#25223E
950
#171627

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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