#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026