#A52A2A
Color Name
Brown
rgb(165, 42, 42)•hsl(0, 59%, 41%)•Lum 0.098
HEX#A52A2A
RGBrgb(165, 42, 42)
HSLhsl(0, 59%, 41%)
HSVhsv(0, 75%, 65%)
CMYKcmyk(0%, 75%, 75%, 35%)
CSS Variable--color-primary: #A52A2A;
CSS Backgroundbackground-color: #A52A2A;
Color Harmonies
Classic color wheel theory relationships derived from #A52A2A. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#932525
11% Dark#802121
22% Dark#6E1C1C
33% Dark#5C1717
44% Dark#491313
56% Dark#370E0E
67% Dark#250909
78% Dark#120505
89% DarkTints (Mixing with White)
#AF4242
11% Light#B95959
22% Light#C37171
33% Light#CD8989
44% Light#D7A0A0
56% Light#E1B8B8
67% Light#EBD0D0
78% Light#F5E7E7
89% LightKeep Designing
Use #A52A2A Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.