#5603FC

#5603FC

Color Values

HEX

#5603FC

RGB

86, 3, 252

HSL

260,0, 97,6%, 50,0%

HSV

260,0, 98,8%, 98,8%

CMYK

65,9%, 98,8%, 0,0%, 1,2%

OKLCH

0,4871 0,2923 280,6

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#5603FC

#A9FC03

Analogous

#032DFC

#D203FC

#5603FC

Triadic

#5603FC

#FC5603

#03FC56

Split Complementary

#5603FC

#FCD203

#2DFC03

Tetradic

#5603FC

#FC032D

#A9FC03

#03FCD2

Color Blindness Simulation

Original

#5603FC

Protanopia

#3231C0

Deuteranopia

#373DB1

Tritanopia

#529086

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#D0B8FE
300
#AE86FE
400
#8245FD
500
#5603FC
600
#4502CA
700
#3702A1
800
#2B027E
900
#22065B
950
#160439

Contrast Checker

Text on white

7,46:1

AA Pass AAA Pass

Text on black

2,81: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