#563DA9 Color

#563DA9 is rgb(86, 61, 169) in RGB and hsl(254, 47%, 45%) in HSL. The closest CSS named color is RebeccaPurple. White text is most readable on this background.

#563DA9

HEX#563DA9

RGBrgb(86, 61, 169)

HSLhsl(254, 47%, 45%)

HSVhsv(254, 64%, 66%)

OKLCHoklch(45% 0.165 288.6)

CMYKcmyk(49%, 64%, 0%, 34%)

Text Contrast & Accessibility

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

TextWhite text7.97:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.64:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#563DA9 Complementary#90A93D Analogous#3D5AA9 Analogous#8C3DA9 Triadic#A9563D Triadic#3DA956

Tints & Shades

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

Tints

#694FBF #7F69C9 #9987D4 #AFA1DD #C9BFE8 #DFDAF1

Shades

#4B3592 #3F2D7C #342465 #2A1E52 #1F163C #130E25

Use #563DA9 in Our Tools

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