#565BEB Color

#565BEB is rgb(86, 91, 235) in RGB and hsl(238, 79%, 63%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#565BEB

HEX#565BEB

RGBrgb(86, 91, 235)

HSLhsl(238, 79%, 63%)

HSVhsv(238, 63%, 92%)

OKLCHoklch(55.3% 0.212 275.5)

CMYKcmyk(63%, 61%, 0%, 8%)

Text Contrast & Accessibility

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

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

TextBlack text4.09:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#565BEB Complementary#EBE656 Analogous#56A6EB Analogous#9C56EB Triadic#EB565B Triadic#5BEB56

Tints & Shades

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

Tints

#6D71EE #8487F1 #9B9EF3 #B1B4F6 #C8CAF9 #DFE0FB

Shades

#3238E7 #191FD2 #1419AD #101384 #0B0E60 #060837

Use #565BEB in Our Tools

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