#560F99 Color

#560F99 is rgb(86, 15, 153) in RGB and hsl(271, 82%, 33%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#560F99

HEX#560F99

RGBrgb(86, 15, 153)

HSLhsl(271, 82%, 33%)

HSVhsv(271, 90%, 60%)

OKLCHoklch(38.4% 0.194 299.3)

CMYKcmyk(44%, 90%, 0%, 40%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #560F99 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text10.91:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.92:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #560F99 based on color wheel relationships. Click any swatch for its full breakdown.

Base#560F99 Complementary#52990F Analogous#110F99 Analogous#990F97 Triadic#99560F Triadic#0F9956

Tints & Shades

Lighter tints and darker shades of #560F99, useful for hover states, backgrounds, and text variants.

Tints

#6E13C3 #8820E9 #9E4AED #B574F1 #CB9EF5 #E4CCFA

Shades

#4C0D87 #410B74 #370A61 #2A074A #1F0638 #150425

Use #560F99 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex