#565AD2 Color

#565AD2 is rgb(86, 90, 210) in RGB and hsl(238, 58%, 58%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#565AD2

HEX#565AD2

RGBrgb(86, 90, 210)

HSLhsl(238, 58%, 58%)

HSVhsv(238, 59%, 82%)

OKLCHoklch(53.2% 0.181 276.9)

CMYKcmyk(59%, 57%, 0%, 18%)

Text Contrast & Accessibility

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

TextWhite text5.54:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.79:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#565AD2 Complementary#D2CE56 Analogous#5698D2 Analogous#9056D2 Triadic#D2565A Triadic#5AD256

Tints & Shades

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

Tints

#6E72D8 #8285DE #9A9DE4 #B2B4EB #CBCCF1 #DFE0F6

Shades

#363AC9 #2E32AD #25298D #1D206D #14164D #0D0E30

Use #565AD2 in Our Tools

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