#AA556D Information

#AA556D color RGB value is (170 , 85 , 109) , HEX triplet: aa, 55 and 6d. RGB value is (170 , 85 , 109). Sum of RGB (Red+Green+Blue) = 170+85+109=364 (Red value is 170 (66.67% from 255 or 79.07% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 170 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AA556D hue: 0.95 , saturation: 0.33 and the lightness value of aa556d is 0.5.

#aa556d
(170 , 85 , 109)
  • R (170)
  • G (85)
  • B (109)
  • C (0)
  • M (33.33)
  • Y (23.92)
  • K (33.33)

Applying the #aa556d

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#a55068
#a04b63
#9b465e
#964159
#913c54
#8c374f
#87324a
#822d45
#7d2840
#78233b
#731e36
#6e1931
#b66179
#c26d85
#ce7991
#da859d
#e691a9
#f29db5
#fea9c1
#ffb5cd
#ffc1d9
#ffcde5
#ffd9f1
#ffe5fd

Color spaces of #aa556d

Type Values
RGB 170 85 109
HSL 0.95 0.33 0.5
HSV 343 50 67
CMYK 0 33.33 23.92 33.33
XYZ 22.5864 16.1472 16.3943
Hunter Lab 40.1835 30.0103 3.9473
CIE-Lab 47.167 37.4272 2.5088

Base Numbers

BaseRedGreenBlue
Decimal 170 85 109
Binary 10101010 1010101 1101101
Octal 252 125 155
Hex AA 55 6D

Monochromatic Colors

#c36e86
#dc879f
#f5a0b8
#ffb9d1
#ffd2ea
#ffebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#aa556d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AA556D Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#aa556d">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#aa556d">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #aa556d">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #aa556d;
box-shadow: 1px 1px 4px #aa556d">You are Awesome</p>