#53284A Color

#53284A is rgb(83, 40, 74) in RGB and hsl(313, 35%, 24%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#53284A

HEX#53284A

RGBrgb(83, 40, 74)

HSLhsl(313, 35%, 24%)

HSVhsv(313, 52%, 33%)

OKLCHoklch(34.8% 0.08 335.6)

CMYKcmyk(0%, 52%, 11%, 67%)

Text Contrast & Accessibility

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

TextWhite text11.86:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.77:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#53284A Complementary#285331 Analogous#462853 Analogous#532834 Triadic#495328 Triadic#284953

Tints & Shades

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

Tints

#783A6B #9B4B8A #B668A5 #C78AB9 #D9B0D0 #E9D2E4

Shades

#482340 #3E1E37 #34192E #2D1628 #22111F #180C15

Use #53284A in Our Tools

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