#505E56 Color

#505E56 is rgb(80, 94, 86) in RGB and hsl(146, 8%, 34%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#505E56

HEX#505E56

RGBrgb(80, 94, 86)

HSLhsl(146, 8%, 34%)

HSVhsv(146, 15%, 37%)

OKLCHoklch(46.7% 0.022 160.4)

CMYKcmyk(15%, 0%, 9%, 63%)

Text Contrast & Accessibility

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

TextWhite text6.83:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#505E56 Complementary#5E5058 Analogous#515E50 Analogous#505E5D Triadic#56505E Triadic#5E5650

Tints & Shades

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

Tints

#65766C #7B8E83 #94A49A #AFBBB4 #C8D0CB #E1E5E3

Shades

#46534C #3B453F #313A35 #282F2B #1E2421 #131614

Use #505E56 in Our Tools

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