#570F82

#570F82

Color Values

HEX

#570F82

RGB

87, 15, 130

HSL

277.6, 79.3%, 28.4%

HSV

277.6, 88.5%, 51.0%

CMYK

33.1%, 88.5%, 0.0%, 49.0%

OKLCH

0.3643 0.1727 307.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#570F82

#3A820F

Analogous

#1E0F82

#820F73

#570F82

Triadic

#570F82

#82570F

#0F8257

Split Complementary

#570F82

#73820F

#0F821E

Tetradic

#570F82

#821E0F

#3A820F

#0F7382

Color Blindness Simulation

Original

#570F82

Protanopia

#383766

Deuteranopia

#3C4160

Tritanopia

#53504B

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E2BFF8
300
#CE91F2
400
#B456EB
500
#991AE5
600
#7A15B7
700
#621192
800
#4D0D72
900
#390E53
950
#240934

Contrast Checker

Text on white

11.69:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026