#1157EE Color

#1157EE is rgb(17, 87, 238) in RGB and hsl(221, 87%, 50%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#1157EE

HEX#1157EE

RGBrgb(17, 87, 238)

HSLhsl(221, 87%, 50%)

HSVhsv(221, 93%, 93%)

OKLCHoklch(52.2% 0.236 262.7)

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

Text Contrast & Accessibility

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

TextWhite text5.8:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#1157EE Complementary#EEA811 Analogous#11C6EE Analogous#3911EE Triadic#EE1157 Triadic#57EE11

Tints & Shades

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

Tints

#326EF1 #5386F3 #759DF5 #91B2F7 #B3C9FA #D4E1FC

Shades

#0E4BCD #0C40B0 #0A348F #082A72 #061E51 #041334

Use #1157EE in Our Tools

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