#52142F Color

#52142F is rgb(82, 20, 47) in RGB and hsl(334, 61%, 20%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#52142F

HEX#52142F

RGBrgb(82, 20, 47)

HSLhsl(334, 61%, 20%)

HSVhsv(334, 76%, 32%)

OKLCHoklch(30.5% 0.096 357.8)

CMYKcmyk(0%, 76%, 43%, 68%)

Text Contrast & Accessibility

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

TextWhite text14:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#52142F Complementary#145237 Analogous#52144E Analogous#521814 Triadic#2F5214 Triadic#142F52

Tints & Shades

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

Tints

#7F1F49 #AC2A62 #D03E7D #DC6F9E #E79CBD #F2CADB

Shades

#4A122A #3E0F23 #350D1E #2D0B1A #250915 #19060E

Use #52142F in Our Tools

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