Brown

brown is a CSS color keyword. The closest Tailwind step is red-800 (#991b1b).

#a52a2argb(165, 42, 42)

Hex: #a52a2a
RGB: 165, 42, 42
HSL: 0°, 59%, 41%
OKLCH: 48.1% 0.160 25.6
LAB: 37.5 49.7 30.5

Open #a52a2a in the explorer

Text contrast

Black or white text on #a52a2a. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text3.0:1 FailAPCA Lc 23

White text7.1:1 AAAAPCA Lc -86

Color vision

How #a52a2a looks in simulations of color blindness, at full severity.

Full color
#a52a2a

Protanopia
#4e4729

Deuteranopia
#6d6226

Tritanopia
#b6002c

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to brown.

50 100200300400500600700800900950

Copy into CSS

color: brown;
background: #a52a2a;

@theme {
  --color-brown-50: #fff2f0;
  --color-brown-100: #ffdfdc;
  --color-brown-200: #ffbeb8;
  --color-brown-300: #ff9087;
  --color-brown-400: #ea6b63;
  --color-brown-500: #c74b46;
  --color-brown-600: #a82d2d;
  --color-brown-700: #8d0b15;
  --color-brown-800: #6a000a;
  --color-brown-900: #470004;
  --color-brown-950: #230001;
}