#80749C Information

#80749C color RGB value is (128 , 116 , 156) , HEX triplet: 80, 74 and 9c. RGB value is (128 , 116 , 156). Sum of RGB (Red+Green+Blue) = 128+116+156=400 (Red value is 128 (50.2% from 255 or 59.53% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 156 (61.18% from 255 or 72.56% from 215); Max value from RGB is 156 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #80749C hue: 0.72 , saturation: 0.17 and the lightness value of 80749c is 0.53.

#80749c
(128 , 116 , 156)
  • R (128)
  • G (116)
  • B (156)
  • C (10.98)
  • M (15.69)
  • Y (0)
  • K (38.82)

Applying the #80749c

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

#7b6f97
#766a92
#71658d
#6c6088
#675b83
#62567e
#5d5179
#584c74
#53476f
#4e426a
#493d65
#443860
#8c80a8
#988cb4
#a498c0
#b0a4cc
#bcb0d8
#c8bce4
#d4c8f0
#e0d4fc
#ece0ff
#f8ecff
#fff8ff
#ffffff

Color spaces of #80749c

Type Values
RGB 128 116 156
HSL 0.72 0.17 0.53
HSV 258 26 61
CMYK 10.98 15.69 0 38.82
XYZ 21.1482 19.4803 34.0979
Hunter Lab 44.1365 8.2906 -14.8932
CIE-Lab 51.2444 13.1342 -19.8778

Base Numbers

BaseRedGreenBlue
Decimal 128 116 156
Binary 10000000 1110100 10011100
Octal 200 164 234
Hex 80 74 9C

Monochromatic Colors

#998db5
#b2a6ce
#cbbfe7
#e4d8ff
#fdf1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#80749c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#80749C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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