#50747C Color

#50747C is rgb(80, 116, 124) in RGB and hsl(191, 22%, 40%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#50747C

HEX#50747C

RGBrgb(80, 116, 124)

HSLhsl(191, 22%, 40%)

HSVhsv(191, 35%, 49%)

OKLCHoklch(53.5% 0.043 213)

CMYKcmyk(35%, 6%, 0%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#50747C Complementary#7C5850 Analogous#507C6E Analogous#505E7C Triadic#7C5074 Triadic#747C50

Tints & Shades

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

Tints

#5F8B95 #79A1A9 #92B2B9 #ABC4C9 #C4D5D9 #E0E9EB

Shades

#46666D #3C575D #32494E #26373B #1C292C #121A1C

Use #50747C in Our Tools

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