#570856

#570856

Color Values

HEX

#570856

RGB

87, 8, 86

HSL

300.8, 83.2%, 18.6%

HSV

300.8, 90.8%, 34.1%

CMYK

0.0%, 90.8%, 1.1%, 65.9%

OKLCH

0.325 0.1396 328.8

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#570856

#085709

Analogous

#300857

#57082E

#570856

Triadic

#570856

#565708

#085657

Split Complementary

#570856

#2E5708

#085730

Tetradic

#570856

#573008

#085709

#082E57

Color Blindness Simulation

Original

#570856

Protanopia

#353443

Deuteranopia

#393F3F

Tritanopia

#533431

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F58FF3
400
#EF52ED
500
#EA15E7
600
#BB11B9
700
#950E94
800
#750B73
900
#550C54
950
#360835

Contrast Checker

Text on white

13.34:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026