#56027E

#56027E

Color Values

HEX

#56027E

RGB

86, 2, 126

HSL

280.6, 96.9%, 25.1%

HSV

280.6, 98.4%, 49.4%

CMYK

31.7%, 98.4%, 0.0%, 50.6%

OKLCH

0.3522 0.1769 309.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#56027E

#2A7E02

Analogous

#18027E

#7E0268

#56027E

Triadic

#56027E

#7E5602

#027E56

Split Complementary

#56027E

#687E02

#027E18

Tetradic

#56027E

#7E1802

#2A7E02

#02687E

Color Blindness Simulation

Original

#56027E

Protanopia

#323160

Deuteranopia

#363D59

Tritanopia

#524843

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F2DEFC
200
#E8B9FE
300
#D786FD
400
#C145FC
500
#AB04FB
600
#8903C9
700
#6E03A1
800
#56027E
900
#3F065B
950
#280439

Contrast Checker

Text on white

12.31:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026