#570976

#570976

Color Values

HEX

#570976

RGB

87, 9, 118

HSL

282.9, 85.8%, 24.9%

HSV

282.9, 92.4%, 46.3%

CMYK

26.3%, 92.4%, 0.0%, 53.7%

OKLCH

0.3503 0.1659 312.7

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#570976

#287609

Analogous

#200976

#76095F

#570976

Triadic

#570976

#765709

#097657

Split Complementary

#570976

#5F7609

#097620

Tetradic

#570976

#762009

#287609

#095F76

Color Blindness Simulation

Original

#570976

Protanopia

#35355C

Deuteranopia

#3A4055

Tritanopia

#534742

Achromatopsia

#212121

CSS Usage

background-color: #570976;
color: #570976;
border-color: #570976;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#FAF2FD
100
#F3E0FA
200
#E8BDFA
300
#D88DF6
400
#C350F2
500
#AF12ED
600
#8C0EBE
700
#700C98
800
#570976
900
#410B56
950
#290736

Contrast Checker

Text on white

12.31:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026