#560354

#560354

Color Values

HEX

#560354

RGB

86, 3, 84

HSL

301.4, 93.3%, 17.5%

HSV

301.4, 96.5%, 33.7%

CMYK

0.0%, 96.5%, 2.3%, 66.3%

OKLCH

0.3185 0.1419 329.5

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#560354

#035605

Analogous

#2F0356

#56032B

#560354

Triadic

#560354

#545603

#035456

Split Complementary

#560354

#2B5603

#03562F

Tetradic

#560354

#562F03

#035605

#032B56

Color Blindness Simulation

Original

#560354

Protanopia

#323140

Deuteranopia

#373D3C

Tritanopia

#52312E

Achromatopsia

#1A1A1A

CSS Usage

background-color: #560354;
color: #560354;
border-color: #560354;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFB
300
#FB89F8
400
#F949F5
500
#F609F1
600
#C507C1
700
#9E059A
800
#7B0478
900
#590857
950
#380537

Contrast Checker

Text on white

13.67:1

AA Pass AAA Pass

Text on black

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