#5980EE Color

#5980EE is rgb(89, 128, 238) in RGB and hsl(224, 81%, 64%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#5980EE

HEX#5980EE

RGBrgb(89, 128, 238)

HSLhsl(224, 81%, 64%)

HSVhsv(224, 63%, 93%)

OKLCHoklch(62.6% 0.171 266.8)

CMYKcmyk(63%, 46%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5980EE Complementary#EEC659 Analogous#59CBEE Analogous#7C59EE Triadic#EE5980 Triadic#80EE59

Tints & Shades

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

Tints

#7092F0 #87A4F2 #9EB5F5 #B1C3F7 #C8D5F9 #DFE6FC

Shades

#2F61E9 #174BD9 #123CAF #0F308A #0A2161 #06153C

Use #5980EE in Our Tools

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