#5702FD

#5702FD

Color Values

HEX

#5702FD

RGB

87, 2, 253

HSL

260,3, 98,4%, 50,0%

HSV

260,3, 99,2%, 99,2%

CMYK

65,6%, 99,2%, 0,0%, 0,8%

OKLCH

0,4888 0,2933 280,8

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#5702FD

#A8FD02

Analogous

#022BFD

#D402FD

#5702FD

Triadic

#5702FD

#FD5702

#02FD57

Split Complementary

#5702FD

#FDD402

#2BFD02

Tetradic

#5702FD

#FD022B

#A8FD02

#02FDD4

Color Blindness Simulation

Original

#5702FD

Protanopia

#3231C0

Deuteranopia

#373EB2

Tritanopia

#539086

Achromatopsia

#262626

CSS Usage

background-color: #5702FD;
color: #5702FD;
border-color: #5702FD;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#D0B8FE
300
#AE86FE
400
#8344FD
500
#5702FD
600
#4602CA
700
#3801A2
800
#2B017E
900
#23065B
950
#16043A

Contrast Checker

Text on white

7,41:1

AA Pass AAA Pass

Text on black

2,83:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026