#57294E Color

#57294E is rgb(87, 41, 78) in RGB and hsl(312, 36%, 25%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#57294E

HEX#57294E

RGBrgb(87, 41, 78)

HSLhsl(312, 36%, 25%)

HSVhsv(312, 53%, 34%)

OKLCHoklch(35.8% 0.086 335.1)

CMYKcmyk(0%, 53%, 10%, 66%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#57294E Complementary#295732 Analogous#492957 Analogous#572937 Triadic#4E5729 Triadic#294E57

Tints & Shades

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

Tints

#79396D #A04B8F #B766A7 #C98DBD #D9AFD1 #EBD5E7

Shades

#4C2444 #421F3B #371A32 #2D1528 #23101F #180B16

Use #57294E in Our Tools

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