#570F94

#570F94

Color Values

HEX

#570F94

RGB

87, 15, 148

HSL

272.5, 81.6%, 32.0%

HSV

272.5, 89.9%, 58.0%

CMYK

41.2%, 89.9%, 0.0%, 42.0%

OKLCH

0.3809 0.1895 301.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#570F94

#4C940F

Analogous

#150F94

#940F8F

#570F94

Triadic

#570F94

#94570F

#0F9457

Split Complementary

#570F94

#8F940F

#0F9415

Tetradic

#570F94

#94150F

#4C940F

#0F8F94

Color Blindness Simulation

Original

#570F94

Protanopia

#383774

Deuteranopia

#3C416C

Tritanopia

#535A55

Achromatopsia

#282828

CSS Usage

background-color: #570F94;
color: #570F94;
border-color: #570F94;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF8
300
#C690F4
400
#A754EE
500
#8817E8
600
#6D13B9
700
#570F94
800
#440C74
900
#330D54
950
#200835

Contrast Checker

Text on white

11.05:1

AA Pass AAA Pass

Text on black

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