#570530

#570530

Color Values

HEX

#570530

RGB

87, 5, 48

HSL

328.5, 89.1%, 18.0%

HSV

328.5, 94.3%, 34.1%

CMYK

0.0%, 94.3%, 44.8%, 65.9%

OKLCH

0.3019 0.1173 356.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#570530

#05572C

Analogous

#550557

#570507

#570530

Triadic

#570530

#305705

#053057

Split Complementary

#570530

#075705

#055755

Tetradic

#570530

#575505

#05572C

#050757

Color Blindness Simulation

Original

#570530

Protanopia

#333326

Deuteranopia

#383E23

Tritanopia

#531D1C

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDD
300
#F88BC5
400
#F54DA5
500
#F10E85
600
#C10B6B
700
#9A0955
800
#790743
900
#570A32
950
#370620

Contrast Checker

Text on white

14.29:1

AA Pass AAA Pass

Text on black

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