#5B91DC Color

#5B91DC is rgb(91, 145, 220) in RGB and hsl(215, 65%, 61%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#5B91DC

HEX#5B91DC

RGBrgb(91, 145, 220)

HSLhsl(215, 65%, 61%)

HSVhsv(215, 59%, 86%)

OKLCHoklch(65.2% 0.127 256.9)

CMYKcmyk(59%, 34%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text3.22:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.53:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5B91DC Complementary#DCA65B Analogous#5BD1DC Analogous#665BDC Triadic#DC5B91 Triadic#91DC5B

Tints & Shades

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

Tints

#709FE1 #89B0E6 #9EBEEA #B3CCEF #C8DAF3 #E2EBF9

Shades

#397AD5 #2866BD #21549C #194076 #122D54 #0B1B32

Use #5B91DC in Our Tools

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