#571981

#571981

Color Values

HEX

#571981

RGB

87, 25, 129

HSL

275,8, 67,5%, 30,2%

HSV

275,8, 80,6%, 50,6%

CMYK

32,6%, 80,6%, 0,0%, 49,4%

OKLCH

0,3714 0,1629 307,0

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#571981

#438119

Analogous

#231981

#811977

#571981

Triadic

#571981

#815719

#198157

Split Complementary

#571981

#778119

#198123

Tetradic

#571981

#812319

#438119

#197781

Color Blindness Simulation

Original

#571981

Protanopia

#3C3C68

Deuteranopia

#404462

Tritanopia

#545450

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F3
300
#CA98EB
400
#AD61E0
500
#9029D6
600
#7321AB
700
#5C1B89
800
#48156B
900
#36134E
950
#220C31

Contrast Checker

Text on white

11,28:1

AA Pass AAA Pass

Text on black

1,86: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