CSS named color

Sienna #A0522D

Sienna is a orange with the hex code #A0522D, which converts to rgb(160, 82, 45). Open #A0522D in the converter to tweak it.

Sienna color values

How #A0522D converts to RGB

Split the hex code into three pairs and read each pair as a base-16 number: A0 → 160, 52 → 82, 2D → 45. That gives rgb(160, 82, 45). The step-by-step guide explains the math.

Shades of Sienna

Mixed toward black in 10% steps. Click a swatch to copy its hex.

Tints of Sienna

Mixed toward white in 10% steps.

Color harmonies

Hue rotations of Sienna on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.

Complementary

Analogous

Split-complementary

Triadic

Tetradic (square)

Contrast and accessibility

Use white text on a sienna background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.

Use Sienna in CSS

.element {
  color: sienna;                         /* keyword */
  background-color: #A0522D;            /* hex */
  border-color: rgb(160 82 45 / 50%);    /* 50% transparent */
}

Need it semi-transparent? Append an alpha byte: #A0522D80 is Sienna at 50% opacity. See RGBA & transparency.

Similar named colors

FAQ

What is the HEX code for Sienna?

The CSS named color sienna is #A0522D in hexadecimal. In CSS you can write color: sienna; or color: #A0522D; — both produce the same pixel.

What is Sienna in RGB?

Sienna is rgb(160, 82, 45): red 160, green 82, blue 45 on the 0–255 scale. As normalized 0–1 floats that is (0.627, 0.322, 0.176).

Is white or black text more readable on Sienna?

White text is more readable. White on #A0522D has a contrast ratio of 5.61:1 (AA), black on #A0522D has 3.73:1 (AA Large only). WCAG AA needs 4.5:1 for normal text.