#50889B Color

#50889B is rgb(80, 136, 155) in RGB and hsl(195, 32%, 46%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#50889B

HEX#50889B

RGBrgb(80, 136, 155)

HSLhsl(195, 32%, 46%)

HSVhsv(195, 48%, 61%)

OKLCHoklch(59.6% 0.066 221.8)

CMYKcmyk(48%, 12%, 0%, 39%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#50889B Complementary#9B6350 Analogous#509B88 Analogous#50639B Triadic#9B5088 Triadic#889B50

Tints & Shades

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

Tints

#619AAE #7CABBB #93BAC8 #AECCD5 #C6DBE2 #E1ECEF

Shades

#457687 #3B6572 #31535E #26414A #1C2F36 #111E22

Use #50889B in Our Tools

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