#AB5AB2 Information

#AB5AB2 color RGB value is (171 , 90 , 178) , HEX triplet: ab, 5a and b2. RGB value is (171 , 90 , 178). Sum of RGB (Red+Green+Blue) = 171+90+178=439 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 90 (35.29% from 255 or 41.86% from 215); Blue value is 178 (69.8% from 255 or 82.79% from 215); Max value from RGB is 178 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #AB5AB2 hue: 0.82 , saturation: 0.36 and the lightness value of ab5ab2 is 0.53.

#ab5ab2
(171 , 90 , 178)
  • R (171)
  • G (90)
  • B (178)
  • C (2.75)
  • M (34.51)
  • Y (0)
  • K (30.2)

Applying the #ab5ab2

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

#a655ad
#a150a8
#9c4ba3
#97469e
#924199
#8d3c94
#88378f
#83328a
#7e2d85
#792880
#74237b
#6f1e76
#b766be
#c372ca
#cf7ed6
#db8ae2
#e796ee
#f3a2fa
#ffaeff
#ffbaff
#ffc6ff
#ffd2ff
#ffdeff
#ffeaff

Color spaces of #ab5ab2

Type Values
RGB 171 90 178
HSL 0.82 0.36 0.53
HSV 295 49 70
CMYK 2.75 34.51 0 30.2
XYZ 28.4866 19.1846 44.3211
Hunter Lab 43.8002 39.4419 -29.3134
CIE-Lab 50.9025 46.2361 -32.8731

Base Numbers

BaseRedGreenBlue
Decimal 171 90 178
Binary 10101011 1011010 10110010
Octal 253 132 262
Hex AB 5A B2

Monochromatic Colors

#c473cb
#dd8ce4
#f6a5fd
#ffbeff
#ffd7ff
#fff0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab5ab2 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB5AB2 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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