#56115B

#56115B

Color Values

HEX

#56115B

RGB

86, 17, 91

HSL

295.9, 68.5%, 21.2%

HSV

295.9, 81.3%, 35.7%

CMYK

5.5%, 81.3%, 0.0%, 64.3%

OKLCH

0.3331 0.1348 325.0

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#56115B

#165B11

Analogous

#31115B

#5B113B

#56115B

Triadic

#56115B

#5B5611

#115B56

Split Complementary

#56115B

#3B5B11

#115B31

Tetradic

#56115B

#5B3111

#165B11

#113B5B

Color Blindness Simulation

Original

#56115B

Protanopia

#383849

Deuteranopia

#3C4145

Tritanopia

#533B38

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E3F8
200
#F0C3F4
300
#E698EC
400
#D860E1
500
#CB28D7
600
#A220AC
700
#821A89
800
#65146B
900
#4A134E
950
#2F0C31

Contrast Checker

Text on white

12.91:1

AA Pass AAA Pass

Text on black

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