#56017F

#56017F

Color Values

HEX

#56017F

RGB

86, 1, 127

HSL

280,5, 98,4%, 25,1%

HSV

280,5, 99,2%, 49,8%

CMYK

32,3%, 99,2%, 0,0%, 50,2%

OKLCH

0,3525 0,1784 308,9

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#56017F

#2A7F01

Analogous

#17017F

#7F0169

#56017F

Triadic

#56017F

#7F5601

#017F56

Split Complementary

#56017F

#697F01

#017F17

Tetradic

#56017F

#7F1701

#2A7F01

#01697F

Color Blindness Simulation

Original

#56017F

Protanopia

#313061

Deuteranopia

#363C59

Tritanopia

#524843

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F2DEFC
200
#E8B8FE
300
#D786FE
400
#C144FD
500
#AB02FD
600
#8902CA
700
#6E01A2
800
#56017E
900
#3F065B
950
#28043A

Contrast Checker

Text on white

12,31:1

AA Pass AAA Pass

Text on black

1,71:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026