Brown (#A52A2A)

Brown is rgb(165, 42, 42) in RGB and hsl(0, 59%, 41%) in HSL. White text is most readable on this background.

#A52A2A
HEX#A52A2A
RGBrgb(165, 42, 42)
HSLhsl(0, 59%, 41%)
HSVhsv(0, 75%, 65%)
OKLCHoklch(48.1% 0.16 25.6)
CMYKcmyk(0%, 75%, 75%, 35%)

Text Contrast & Accessibility

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

TextWhite text7.08:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text2.96:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#A52A2AComplementary#2BA6A6Analogous#A62B69Analogous#A6692BTriadic#2BA62BTriadic#2B2BA6

Tints & Shades

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

Use Brown in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex