#570849

#570849

Color Values

HEX

#570849

RGB

87, 8, 73

HSL

310.6, 83.2%, 18.6%

HSV

310.6, 90.8%, 34.1%

CMYK

0.0%, 90.8%, 16.1%, 65.9%

OKLCH

0.3166 0.1296 337.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#570849

#085716

Analogous

#3D0857

#570821

#570849

Triadic

#570849

#495708

#084957

Split Complementary

#570849

#215708

#08573D

Tetradic

#570849

#573D08

#085716

#082157

Color Blindness Simulation

Original

#570849

Protanopia

#353439

Deuteranopia

#393F35

Tritanopia

#532D2A

Achromatopsia

#1D1D1D

CSS Usage

background-color: #570849;
color: #570849;
border-color: #570849;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FB
100
#FAE1F5
200
#F9BEEF
300
#F58FE3
400
#EF52D3
500
#EA15C4
600
#BB119D
700
#950E7E
800
#750B62
900
#550C48
950
#36082D

Contrast Checker

Text on white

13.67:1

AA Pass AAA Pass

Text on black

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