#565CF5 Color

#565CF5 is rgb(86, 92, 245) in RGB and hsl(238, 89%, 65%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#565CF5

HEX#565CF5

RGBrgb(86, 92, 245)

HSLhsl(238, 89%, 65%)

HSVhsv(238, 65%, 96%)

OKLCHoklch(56.3% 0.224 274.8)

CMYKcmyk(65%, 62%, 0%, 4%)

Text Contrast & Accessibility

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

TextWhite text4.95:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#565CF5 Complementary#F5F056 Analogous#56ABF5 Analogous#A056F5 Triadic#F5565C Triadic#5CF556

Tints & Shades

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

Tints

#6E73F7 #8286F8 #9A9DF9 #B2B4FB #CACCFC #DDDEFD

Shades

#2B32F3 #0D15E7 #0B11BC #080D91 #060965 #04063F

Use #565CF5 in Our Tools

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