Preview
#a52a2a
Family: Red
Accessibility on this swatch:
Contrast vs white: 7.08:1 · vs black: 2.96:1
HEX
#a52a2a
RGB
rgb(165, 42, 42)
RGBA
rgba(165, 42, 42, 1)
HSL
hsl(0, 59%, 41%)
HSV
hsv(0, 75%, 65%)
LAB
lab(37.53% 49.69 30.54)
LCH
lch(37.53% 58.32 31.58)
OKLAB
oklab(0.4806 0.144 0.0689)
OKLCH
oklch(0.4806 0.1596 25.57)
XYZ
xyz(16.76, 9.83, 3.20)
CMYK
cmyk(0%, 75%, 75%, 35%)
CSS
color: #a52a2a;
CSS variable
--color-a52a2a: #a52a2a;
SCSS
$color-a52a2a: #a52a2a;
Tailwind
slate-500
Export
:root {
--brown-1: #a52a2a;
}Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.