#506253 Color

#506253 is rgb(80, 98, 83) in RGB and hsl(130, 10%, 35%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#506253

HEX#506253

RGBrgb(80, 98, 83)

HSLhsl(130, 10%, 35%)

HSVhsv(130, 18%, 38%)

OKLCHoklch(47.6% 0.032 149.8)

CMYKcmyk(18%, 0%, 15%, 62%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#506253 Complementary#62505F Analogous#566250 Analogous#50625C Triadic#535062 Triadic#625350

Tints & Shades

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

Tints

#657B69 #7B937F #94A898 #AEBCB0 #C7D1C9 #E0E6E1

Shades

#47574A #3C493E #323E34 #273028 #1E241F #121613

Use #506253 in Our Tools

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