#AB70AD Information

#AB70AD color RGB value is (171 , 112 , 173) , HEX triplet: ab, 70 and ad. RGB value is (171 , 112 , 173). Sum of RGB (Red+Green+Blue) = 171+112+173=456 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 112 (43.92% from 255 or 52.09% from 215); Blue value is 173 (67.84% from 255 or 80.47% from 215); Max value from RGB is 173 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #AB70AD hue: 0.83 , saturation: 0.27 and the lightness value of ab70ad is 0.56.

#ab70ad
(171 , 112 , 173)
  • R (171)
  • G (112)
  • B (173)
  • C (0.78)
  • M (23.92)
  • Y (0)
  • K (32.16)

Applying the #ab70ad

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

#a66ba8
#a166a3
#9c619e
#975c99
#925794
#8d528f
#884d8a
#834885
#7e4380
#793e7b
#743976
#6f3471
#b77cb9
#c388c5
#cf94d1
#dba0dd
#e7ace9
#f3b8f5
#ffc4ff
#ffd0ff
#ffdcff
#ffe8ff
#fff4ff
#ffffff

Color spaces of #ab70ad

Type Values
RGB 171 112 173
HSL 0.83 0.27 0.56
HSV 298 35 68
CMYK 0.78 23.92 0 32.16
XYZ 30.1316 23.2634 42.4373
Hunter Lab 48.2321 27.1064 -18.3857
CIE-Lab 55.3426 33.4182 -23.0873

Base Numbers

BaseRedGreenBlue
Decimal 171 112 173
Binary 10101011 1110000 10101101
Octal 253 160 255
Hex AB 70 AD

Monochromatic Colors

#c489c6
#dda2df
#f6bbf8
#ffd4ff
#ffedff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab70ad Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB70AD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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