#5977D9 Color

#5977D9 is rgb(89, 119, 217) in RGB and hsl(226, 63%, 60%) in HSL. The closest CSS named color is RoyalBlue. Black text is most readable on this background.

#5977D9

HEX#5977D9

RGBrgb(89, 119, 217)

HSLhsl(226, 63%, 60%)

HSVhsv(226, 59%, 85%)

OKLCHoklch(59.5% 0.153 268.6)

CMYKcmyk(59%, 45%, 0%, 15%)

Text Contrast & Accessibility

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

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

TextBlack text5.07:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5977D9 Complementary#D9BB59 Analogous#59B7D9 Analogous#7B59D9 Triadic#D95977 Triadic#77D959

Tints & Shades

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

Tints

#6E88DE #869CE4 #9BADE8 #B4C2EE #C9D3F3 #E2E7F8

Shades

#375BD2 #2A4BB7 #223D96 #1A2F74 #132253 #0B1432

Use #5977D9 in Our Tools

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