#5700CC

#5700CC

Color Values

HEX

#5700CC

RGB

87, 0, 204

HSL

265.6, 100.0%, 40.0%

HSV

265.6, 100.0%, 80.0%

CMYK

57.4%, 100.0%, 0.0%, 20.0%

OKLCH

0.4329 0.2477 288.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5700CC

#75CC00

Analogous

#000FCC

#BD00CC

#5700CC

Triadic

#5700CC

#CC5700

#00CC57

Split Complementary

#5700CC

#CCBD00

#0FCC00

Tetradic

#5700CC

#CC000F

#75CC00

#00CCBD

Color Blindness Simulation

Original

#5700CC

Protanopia

#31319B

Deuteranopia

#363D8F

Tritanopia

#53746B

Achromatopsia

#212121

CSS Usage

background-color: #5700CC;
color: #5700CC;
border-color: #5700CC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D6B8FF
300
#B985FF
400
#9342FF
500
#6D00FF
600
#5700CC
700
#4600A3
800
#360080
900
#2A055C
950
#1B033A

Contrast Checker

Text on white

9.22:1

AA Pass AAA Pass

Text on black

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