#571289

#571289

Color Values

HEX

#571289

RGB

87, 18, 137

HSL

274.8, 76.8%, 30.4%

HSV

274.8, 86.9%, 53.7%

CMYK

36.5%, 86.9%, 0.0%, 46.3%

OKLCH

0.3726 0.177 304.7

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#571289

#448912

Analogous

#1C1289

#891280

#571289

Triadic

#571289

#895712

#128957

Split Complementary

#571289

#808912

#12891C

Tetradic

#571289

#891C12

#448912

#128089

Color Blindness Simulation

Original

#571289

Protanopia

#39396C

Deuteranopia

#3D4265

Tritanopia

#545550

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0C0F7
300
#C993F1
400
#AC58E9
500
#8F1EE1
600
#7318B4
700
#5C1390
800
#480F71
900
#360F52
950
#220934

Contrast Checker

Text on white

11.33:1

AA Pass AAA Pass

Text on black

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