#571AE5

#571AE5

Color Values

HEX

#571AE5

RGB

87, 26, 229

HSL

258.0, 79.6%, 50.0%

HSV

258.0, 88.6%, 89.8%

CMYK

62.0%, 88.6%, 0.0%, 10.2%

OKLCH

0.4712 0.263 283.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#571AE5

#A8E51A

Analogous

#1A43E5

#BC1AE5

#571AE5

Triadic

#571AE5

#E5571A

#1AE557

Split Complementary

#571AE5

#E5BC1A

#43E51A

Tetradic

#571AE5

#E51A43

#A8E51A

#1AE5BC

Color Blindness Simulation

Original

#571AE5

Protanopia

#3D3CB4

Deuteranopia

#4045A8

Tritanopia

#548D85

Achromatopsia

#363636

CSS Usage

background-color: #571AE5;
color: #571AE5;
border-color: #571AE5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FD
100
#E8E1F9
200
#D0BFF8
300
#AE91F3
400
#8356EC
500
#571AE5
600
#4615B7
700
#381193
800
#2B0D72
900
#230E53
950
#160935

Contrast Checker

Text on white

7.82:1

AA Pass AAA Pass

Text on black

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