#504356 Color

#504356 is rgb(80, 67, 86) in RGB and hsl(281, 12%, 30%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#504356

HEX#504356

RGBrgb(80, 67, 86)

HSLhsl(281, 12%, 30%)

HSVhsv(281, 22%, 34%)

OKLCHoklch(40.4% 0.035 315.1)

CMYKcmyk(7%, 22%, 0%, 66%)

Text Contrast & Accessibility

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

TextWhite text9.22:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.28:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#504356 Complementary#495643 Analogous#474356 Analogous#564352 Triadic#565043 Triadic#435650

Tints & Shades

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

Tints

#6A5A72 #826E8C #9B8AA3 #B3A6B9 #CCC3D0 #E2DDE4

Shades

#453A4A #3D3442 #332B36 #28222B #1D191F #151217

Use #504356 in Our Tools

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