#AB7296 Information

#AB7296 color RGB value is (171 , 114 , 150) , HEX triplet: ab, 72 and 96. RGB value is (171 , 114 , 150). Sum of RGB (Red+Green+Blue) = 171+114+150=435 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 114 (44.71% from 255 or 53.02% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB7296 hue: 0.89 , saturation: 0.25 and the lightness value of ab7296 is 0.56.

#ab7296
(171 , 114 , 150)
  • R (171)
  • G (114)
  • B (150)
  • C (0)
  • M (22.35)
  • Y (8.24)
  • K (32.94)

Applying the #ab7296

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

#a66d91
#a1688c
#9c6387
#975e82
#92597d
#8d5478
#884f73
#834a6e
#7e4569
#794064
#743b5f
#6f365a
#b77ea2
#c38aae
#cf96ba
#dba2c6
#e7aed2
#f3bade
#ffc6ea
#ffd2f6
#ffdeff
#ffeaff
#fff6ff
#ffffff

Color spaces of #ab7296

Type Values
RGB 171 114 150
HSL 0.89 0.25 0.56
HSV 322 33 67
CMYK 0 22.35 8.24 32.94
XYZ 28.3169 22.8946 31.7808
Hunter Lab 47.8483 21.9032 -5.8729
CIE-Lab 54.9636 28.0657 -10.3166

Base Numbers

BaseRedGreenBlue
Decimal 171 114 150
Binary 10101011 1110010 10010110
Octal 253 162 226
Hex AB 72 96

Monochromatic Colors

#c48baf
#dda4c8
#f6bde1
#ffd6fa
#ffefff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab7296 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB7296 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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