#570B74

#570B74

Color Values

HEX

#570B74

RGB

87, 11, 116

HSL

283,4, 82,7%, 24,9%

HSV

283,4, 90,5%, 45,5%

CMYK

25,0%, 90,5%, 0,0%, 54,5%

OKLCH

0,3497 0,1628 313,4

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#570B74

#28740B

Analogous

#220B74

#740B5D

#570B74

Triadic

#570B74

#74570B

#0B7457

Split Complementary

#570B74

#5D740B

#0B7422

Tetradic

#570B74

#74220B

#28740B

#0B5D74

Color Blindness Simulation

Original

#570B74

Protanopia

#36355B

Deuteranopia

#3A4054

Tritanopia

#534742

Achromatopsia

#232323

CSS Usage

background-color: #570B74;
color: #570B74;
border-color: #570B74;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#FAF2FD
100
#F3E1FA
200
#E8BEF9
300
#D88FF4
400
#C453EF
500
#AF16E9
600
#8C12BA
700
#700E95
800
#570B74
900
#410C55
950
#290835

Contrast Checker

Text on white

12,31:1

AA Pass AAA Pass

Text on black

1,71: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