Sienna Color (#A0522D)
Sienna is a CSS named color defined as hex code #A0522D. Sienna is a reddish earth-brown, warmer than saddle brown, named after the pigment made from clay of the Italian city of Siena.
Color Overview & Formats
siennaLuminance: 0.1370| Format | Syntax / Values | Notes | Action |
|---|---|---|---|
| HEX | #A0522D | 6-digit hex web code | |
| RGB | rgb(160, 82, 45) | Red, Green, Blue channels (0-255) | |
| HSL | hsl(19, 56%, 40%) | Hue (19°), Saturation (56%), Lightness (40%) | |
| HSV / HSB | hsv(19, 72%, 63%) | Hue, Saturation (72%), Value/Brightness (63%) | |
| CMYK | cmyk(0%, 49%, 72%, 37%) | Digital mathematical approximation (non-print) | |
| OKLCH | oklch(0.526 0.115 44.6) | Perceptually uniform color space (CSS Color 4 approximation) |
background-color: #A0522D; /* or sienna */- Select color format: Choose the desired format (HEX #A0522D, RGB, or HSL).
- Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
- Pair with white text: White text on Sienna reaches 5.62:1 (WCAG AA).
What Colors Go With Sienna?
These 6 colors all go well with Sienna (#A0522D), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Sienna: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.
Harmonious Palettes & Tints
The palettes below are algorithmically generated across standard intervals based on Sienna (HSL 19°). Each group offers full palette copy and live preview:
Complementary Harmony
Hue rotated 180 degrees on the HSL wheel (19° to 199°), keeping the original saturation and lightness.
Analogous Harmony
Hues 30 degrees either side (349° and 49°), keeping the original saturation and lightness.
Triadic Harmony
Hues spaced evenly by 120 degrees (139° and 259°), keeping the original saturation and lightness.
Tints & Shades
Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.
WCAG 2.2 Text Readability & Contrast Check
Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:
| Foreground Color | Contrast Ratio | Normal Text (AA) | Large Text (AA) | Normal Text AAA (>= 7.0:1) |
|---|---|---|---|---|
Pure Black (#000000) | 3.74:1 | Fail | Pass | Fail |
Pure White (#FFFFFF) | 5.62:1 | Pass | Pass | Fail |
Dark Charcoal (#212529) | 2.75:1 | Fail | Fail | Fail |
Mid Gray (#666666) | 1.02:1 | Fail | Fail | Fail |
Interactive Contrast Tester
Enter text foreground and background colors to verify WCAG legibility:
This is sample body text rendered directly to verify contrast and readability.
Sienna Background Download
Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:
Standard Wallpaper: 1920x1080 PNG (#A0522D)Download Options
All wallpaper files precisely match the W3C standard color value:
CSS Standard & Usage Notes
sienna = #a0522d (rgb(160, 82, 45))
UI Design & Accessibility Guidelines
Use it for terracotta, clay and autumn themes, warm headings and rustic accents. On Sienna, white text passes WCAG AA at every size (5.62:1); black text passes only for large text (3.74:1).
Frequently Asked Questions (FAQ)
Can I use black text on Sienna?
Only for large text. Black text on Sienna has a WCAG 2.2 contrast ratio of 3.74:1: enough for large text (3:1) but below the 4.5:1 needed for body text.
Can I use white text on Sienna?
Yes. White text on Sienna has a WCAG 2.2 contrast ratio of 5.62:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.
What colors go with Sienna?
White, Cornsilk, Wheat, Gold, Light Gray and Teal all go well with Sienna. White (5.62:1) and Cornsilk (5.27:1) have enough contrast for text on Sienna; Wheat, Gold, Light Gray and Teal work better as a background or accent.
Is sienna the same as burnt sienna?
No. Burnt sienna and raw sienna are pigment names, not CSS named colors, so they have no standard hex code. CSS sienna is #A0522D.