#565F95 Color

#565F95 is rgb(86, 95, 149) in RGB and hsl(231, 27%, 46%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#565F95

HEX#565F95

RGBrgb(86, 95, 149)

HSLhsl(231, 27%, 46%)

HSVhsv(231, 42%, 58%)

OKLCHoklch(50.2% 0.087 275.6)

CMYKcmyk(42%, 36%, 0%, 42%)

Text Contrast & Accessibility

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

TextWhite text6.06:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#565F95 Complementary#958B56 Analogous#567F95 Analogous#6C5695 Triadic#95565F Triadic#5F9556

Tints & Shades

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

Tints

#6770A8 #8189B6 #979EC3 #B1B6D2 #C8CBDF #E2E4EE

Shades

#4A5382 #3F466E #343A5B #292D47 #1E2134 #131520

Use #565F95 in Our Tools

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