#5087BE Color

#5087BE is rgb(80, 135, 190) in RGB and hsl(210, 46%, 53%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#5087BE

HEX#5087BE

RGBrgb(80, 135, 190)

HSLhsl(210, 46%, 53%)

HSVhsv(210, 58%, 75%)

OKLCHoklch(60.9% 0.103 249.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5087BE Complementary#BE8750 Analogous#50BEBE Analogous#5050BE Triadic#BE5087 Triadic#87BE50

Tints & Shades

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

Tints

#6696C7 #80A8D0 #97B8D8 #B1C9E2 #C7D9EA #E1EBF4

Shades

#3F75AB #366391 #2C5277 #22405D #192E43 #0F1C29

Use #5087BE in Our Tools

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