#5073BE Color

#5073BE is rgb(80, 115, 190) in RGB and hsl(221, 46%, 53%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#5073BE

HEX#5073BE

RGBrgb(80, 115, 190)

HSLhsl(221, 46%, 53%)

HSVhsv(221, 58%, 75%)

OKLCHoklch(56.5% 0.123 264)

CMYKcmyk(58%, 39%, 0%, 25%)

Text Contrast & Accessibility

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

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

TextBlack text4.54:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5073BE Complementary#BE9B50 Analogous#50AABE Analogous#6450BE Triadic#BE5073 Triadic#73BE50

Tints & Shades

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

Tints

#6685C7 #809AD0 #97ACD8 #B1C0E2 #C7D2EA #E1E7F4

Shades

#3F62AB #365391 #2C4477 #22355D #192643 #0F1729

Use #5073BE in Our Tools

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