#30aaaa HTML Color

Hex Color Code #30aaaa
RGB Color Code rgb(48, 170, 170)
HSL Color Code hsl(180, 55.96%, 42.75%)
CMYK 0.72, 0, 0, 0.33
Color Group

Cyan
Complement

#aa3030
RGB (Percent) 18.82%, 66.67%, 66.67%
HSL (Decimal) 0.5, 0.56, 0.43
Type Light / Cool

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

Lighter than #30aaaa

#aae6e6

#9ee2e2

#92dfdf

#86dbdb

#7ad8d8

#6ed5d5

#62d2d2

#56cfcf

#4acccc

#3ec9c9

#36c2c2

#33b6b6

Darker than #30aaaa

#2d9e9e

#2a9292

#278686

#247a7a

#216e6e

#1d6262

#1a5656

#164a4a

#123e3e

#0f3232

#0b2626

#081a1a

Shades of #30aaaa

#114040

#144a4a

#175555

#1b6262

#1f7070

#248181

#2a9494

Tones of #30aaaa

#afc8c8

#aac7c7

#a5c6c6

#9fc5c5

#98c3c3

#90c1c1

#87bfbf

#7dbdbd

#71baba

#64b7b7

#55b3b3

#44afaf

Tints of #30aaaa

#d3ebeb

#cde9e9

#c6e6e6

#bee3e3

#b5e0e0

#abdcdc

#a0d7d7

#93d2d2

#84cccc

#73c5c5

#5fbdbd

#49b4b4
How to Use

Text / Font Color:
color: #30aaaa;

Example text using the color #30aaaa.

Background Color:
background-color: #30aaaa;

Border Color:
border-color: #30aaaa;

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

Text Shadow Color:
text-shadow: 2px 2px 2px #30aaaa;

Example text shadow using the color #30aaaa.

#30aaaa Color Description

The #30aaaa HTML color code is made up of 48 Red, 170 Green, and 170 Blue. This color's complement is #aa3030, which is the opposite on the color wheel. The hue is at 180 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 light, and have cool color temperature. In the CMYK color model (used in the printing process), the composition is 72% Cyan, 0% Magenta, 0% Yellow, and 33% key (black). Colors that look similar, to the #30aaaa color, may be found within the Cyan Color Codes Group.