#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026