#570C97

#570C97

Color Values

HEX

#570C97

RGB

87, 12, 151

HSL

272.4, 85.3%, 32.0%

HSV

272.4, 92.1%, 59.2%

CMYK

42.4%, 92.1%, 0.0%, 40.8%

OKLCH

0.3822 0.194 300.6

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#570C97

#4C970C

Analogous

#120C97

#970C92

#570C97

Triadic

#570C97

#97570C

#0C9757

Split Complementary

#570C97

#92970C

#0C9712

Tetradic

#570C97

#97120C

#4C970C

#0C9297

Color Blindness Simulation

Original

#570C97

Protanopia

#373675

Deuteranopia

#3B406D

Tritanopia

#535B55

Achromatopsia

#262626

CSS Usage

background-color: #570C97;
color: #570C97;
border-color: #570C97;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBDFA
300
#C68EF6
400
#A750F1
500
#8813EC
600
#6D0FBD
700
#570C97
800
#440976
900
#330B56
950
#200736

Contrast Checker

Text on white

11.03:1

AA Pass AAA Pass

Text on black

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