#aa306d HTML Color

Hex Color Code #aa306d
RGB Color Code rgb(170, 48, 109)
HSL Color Code hsl(330, 55.96%, 42.75%)
CMYK 0, 0.72, 0.36, 0.33
Color Group

Magenta Red
Complement

#30aa6d
RGB (Percent) 66.67%, 18.82%, 42.75%
HSL (Decimal) 0.92, 0.56, 0.43
Type Dark / Warm

Darker | Lighter | Shades | Tones | Tints | Harmonies | How to Use | Description

Lighter than #aa306d

#e6aac9

#e29ec1

#df92ba

#db86b2

#d87aab

#d56ea3

#d2629c

#cf5695

#cc4a8d

#c93e85

#c2367d

#b63375

Darker than #aa306d

#9e2d65

#922a5d

#862755

#7a244d

#6e2146

#621d3f

#561a37

#4a162f

#3e1228

#320f20

#260b18

#1a0811

Shades of #aa306d

#40112a

#4a1430

#551737

#621b3f

#701f48

#812453

#942a5f

Tones of #aa306d

#c8afbb

#c7aab8

#c6a5b5

#c59fb1

#c398ad

#c190a8

#bf87a2

#bd7d9c

#ba7195

#b7648d

#b35584

#af4479

Tints of #aa306d

#ebd3df

#e9cddb

#e6c6d6

#e3bed1

#e0b5cb

#dcabc4

#d7a0bc

#d293b3

#cc84a9

#c5739d

#bd5f8f

#b4497f
How to Use

Text / Font Color:
color: #aa306d;

Example text using the color #aa306d.

Background Color:
background-color: #aa306d;

Border Color:
border-color: #aa306d;

Box Shadow Color:
box-shadow: 2px 2px 4px #aa306d;

Text Shadow Color:
text-shadow: 2px 2px 2px #aa306d;

Example text shadow using the color #aa306d.

#aa306d Color Description

The #aa306d HTML color code is made up of 170 Red, 48 Green, and 109 Blue. This color's complement is #30aa6d, which is the opposite on the color wheel. The hue is at 330 degrees, with a saturation value at 55.96 percent and a lightness value of 42.75 percent. Therefore, this color can be considered to be dark, and have warm color temperature. In the CMYK color model (used in the printing process), the composition is 0% Cyan, 72% Magenta, 36% Yellow, and 33% key (black). Colors that look similar, to the #aa306d color, may be found within the Magenta Red Color Codes Group.