Sienna

sienna is a CSS color keyword. The closest Tailwind step is amber-800 (#92400e).

#a0522drgb(160, 82, 45)
Hex
#a0522d
RGB
160, 82, 45
HSL
19°, 56%, 40%
OKLCH
52.6% 0.115 44.6
LAB
43.8 29.3 35.6

Open #a0522d in the explorer

Text contrast

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

Black text3.7:1 FailAPCA Lc 29
White text5.6:1 AAAPCA Lc -80

Color vision

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

Full color
#a0522d
Protanopia
#675d29
Deuteranopia
#7a6e2c
Tritanopia
#af424a

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: sienna;
background: #a0522d;
@theme {
  --color-sienna-50: #fff2ed;
  --color-sienna-100: #ffe1d4;
  --color-sienna-200: #ffc1a6;
  --color-sienna-300: #f19c76;
  --color-sienna-400: #d3805b;
  --color-sienna-500: #b1623d;
  --color-sienna-600: #944722;
  --color-sienna-700: #7b3004;
  --color-sienna-800: #5b2100;
  --color-sienna-900: #3c1300;
  --color-sienna-950: #1d0500;
}