#570456

#570456

Color Values

HEX

#570456

RGB

87, 4, 86

HSL

300.7, 91.2%, 17.8%

HSV

300.7, 95.4%, 34.1%

CMYK

0.0%, 95.4%, 1.1%, 65.9%

OKLCH

0.3224 0.143 328.9

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#570456

#045705

Analogous

#2E0457

#57042C

#570456

Triadic

#570456

#565704

#045657

Split Complementary

#570456

#2C5704

#04572E

Tetradic

#570456

#572E04

#045705

#042C57

Color Blindness Simulation

Original

#570456

Protanopia

#333242

Deuteranopia

#383E3D

Tritanopia

#53322F

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFB
300
#FA8AF8
400
#F74BF5
500
#F40BF1
600
#C309C1
700
#9C079A
800
#7A0679
900
#580957
950
#380537

Contrast Checker

Text on white

13.49:1

AA Pass AAA Pass

Text on black

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