HEX Color #57166D (Rebeccapurple)

About #57166D

The precise color #57166D is an excellent choice for modern design projects. Its closest recognized web color is Rebeccapurple. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 22, and 109.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 20% Cyan, 80% Magenta, 0% Yellow, and 57% Black. The HSL representation is 284.8° hue, 66.4% saturation, and 25.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#57166D

RGB87, 22, 109

HSL284.8°, 66.4%, 25.7%

CMYK20%, 80%, 0%, 57%

HSV284.8°, 79.8%, 42.7%

LAB22.7, 42.7, -36.2

XYZ7.0, 3.7, 14.8

Decimal5707373

Color Harmonies

Complementary

#57166D #2C6D15

Analogous

#2B156D #6D1557

Triadic

#6D5615 #156D56

Tetradic

#6D2B15 #2C6D15 #15576D

Tints, Shades & Tones

Tints (Adding White)

#57166D

#692F7D

#7C498D

#8F639D

#A17DAD

#B497BE

#C7B1CE

#D9CBDE

#ECE5EE

#FFFFFF

Shades (Adding Black)

#57166D

#4D1360

#431154

#3A0E48

#300C3C

#260930

#1D0724

#130418

#09020C

#000000

WCAG Contrast Accessibility

12.06:1

Text on #FFFFFF

AAA

1.74:1

Text on #000000

FAIL

11.53:1

Text on #F8FAFC

AAA

1.48:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #57166D; }

.text-color { color: #57166D; }

.border-color { border: 2px solid #57166D; }

Similar Colors

Rebeccapurple

#663399