What is color #a52a2a?
The color Sienna (#a52a2a) belongs to the red family and reads as striking. It sits at 0° on the color wheel with 59% saturation.
Designers in startups and sports often reach for this mid red when they want to communicate power.
#a52a2a occupies a region where perception shifts between warm and cool. To deploy it effectively, extend it across large surfaces for immersive impact or contrast it sharply with #2aa5a5.
Conversions for #a52a2a
HEX
#a52a2a
RGB
165, 42, 42
HSL
0°, 59%, 41%
HSV
0°, 75%, 65%
CMYK
0%, 75%, 75%, 35%
XYZ
16.76, 9.82, 3.20
CIE-Lab
37.52, 49.70, 30.54
Web safe
#993333
WCAG accessibility of #a52a2a (Sienna)
On white
7.08 : 1
Sample #a52a2a
Rating: AAA
On black
2.96 : 1
Sample #a52a2a
Rating: Fail
Tones of Sienna (desaturated variations of #a52a2a)
Color harmonies for #a52a2a
Colors similar to #a52a2a
Gradients featuring #a52a2a
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #a52a2a
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #a52a2a
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #a52a2a.
const color = "#a52a2a";
CSS & Tailwind snippets for #a52a2a
Background
.bg-a52a2a { background-color: #a52a2a; }Text color
.text-a52a2a { color: #a52a2a; }Border
.border-a52a2a { border: 1px solid #a52a2a; }Box shadow
.shadow-a52a2a { box-shadow: 0 4px 14px #a52a2a40; }CSS variable
:root { --color-a52a2a: #a52a2a; }Tailwind config
colors: {
'sienna': '#a52a2a',
}