#570133

#570133

Color Values

HEX

#570133

RGB

87, 1, 51

HSL

325.1, 97.7%, 17.3%

HSV

325.1, 98.9%, 34.1%

CMYK

0.0%, 98.9%, 41.4%, 65.9%

OKLCH

0.3002 0.1227 353.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#570133

#015725

Analogous

#500157

#570108

#570133

Triadic

#570133

#335701

#013357

Split Complementary

#570133

#085701

#015750

Tetradic

#570133

#575001

#015725

#010857

Color Blindness Simulation

Original

#570133

Protanopia

#323127

Deuteranopia

#373D24

Tritanopia

#531D1B

Achromatopsia

#171717

CSS Usage

background-color: #570133;
color: #570133;
border-color: #570133;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F8
100
#FCDEF0
200
#FEB8E1
300
#FE86CC
400
#FD44B0
500
#FC0394
600
#CA0276
700
#A1025F
800
#7E014A
900
#5B0637
950
#3A0423

Contrast Checker

Text on white

14.41:1

AA Pass AAA Pass

Text on black

1.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026