Colormapped
Color reference

Brown #A52A2A

Brown is the standard CSS named color #A52A2A, a dark warm red-brown reference in sRGB.

Brown is the CSS named color keyword brown, standardized at #A52A2A in sRGB.

Brown #A52A2A 7.08:1 with white text

Color values

HEX#A52A2A
RGBrgb(165, 42, 42)
HSLhsl(0 59% 41%)
HSV0°, 75%, 65%
CMYK0%, 75%, 75%, 35%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 2.96:1 — AA normal text fails
White text 7.08:1 — AA normal text passes

AA normal text: black fails; white passes.

AA large text: black fails; white passes.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Brown

These steps are computed by RGB-mixing #A52A2A toward white or black. They are generated values, not official named colors.

80% tint #EDD4D4
60% tint #DBAAAA
40% tint #C97F7F
20% tint #B75555
Base #A52A2A
20% shade #842222
40% shade #631919
60% shade #421111
80% shade #210808

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #FFFFFF;
  background-color: brown;
}

You can use either brown or #A52A2A in CSS; both resolve to the same sRGB color.