#5645FC

#5645FC

Color Values

HEX

#5645FC

RGB

86, 69, 252

HSL

245.6, 96.8%, 62.9%

HSV

245.6, 72.6%, 98.8%

CMYK

65.9%, 72.6%, 0.0%, 1.2%

OKLCH

0.5355 0.2565 277.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5645FC

#EBFC45

Analogous

#458FFC

#B145FC

#5645FC

Triadic

#5645FC

#FC5645

#45FC56

Split Complementary

#5645FC

#FCB145

#8FFC45

Tetradic

#5645FC

#FC458F

#EBFC45

#45FCB1

Color Blindness Simulation

Original

#5645FC

Protanopia

#4F4ED0

Deuteranopia

#5051C5

Tritanopia

#55ADA5

Achromatopsia

#565656

CSS Usage

background-color: #5645FC;
color: #5645FC;
border-color: #5645FC;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BFB9FE
300
#9287FD
400
#5645FC
500
#1B04FB
600
#1603C9
700
#1103A1
800
#0E027D
900
#0E065B
950
#090439

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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