#CC528E Information

#CC528E color RGB value is (204 , 82 , 142) , HEX triplet: cc, 52 and 8e. RGB value is (204 , 82 , 142). Sum of RGB (Red+Green+Blue) = 204+82+142=428 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 82 (32.16% from 255 or 38.14% from 215); Blue value is 142 (55.69% from 255 or 66.05% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC528E hue: 0.92 , saturation: 0.54 and the lightness value of cc528e is 0.56.

#cc528e
(204 , 82 , 142)
  • R (204)
  • G (82)
  • B (142)
  • C (0)
  • M (47.84)
  • Y (24.31)
  • K (20)

Applying the #cc528e

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

#c74d89
#c24884
#bd437f
#b83e7a
#b33975
#ae3470
#a92f6b
#a42a66
#9f2561
#9a205c
#951b57
#901652
#d85e9a
#e46aa6
#f076b2
#fc82be
#ff8eca
#ff9ad6
#ffa6e2
#ffb2ee
#ffbefa
#ffcaff
#ffd6ff
#ffe2ff

Color spaces of #cc528e

Type Values
RGB 204 82 142
HSL 0.92 0.54 0.56
HSV 330 60 80
CMYK 0 47.84 24.31 20
XYZ 32.8016 20.8249 27.882
Hunter Lab 45.6344 48.4444 -4.2687
CIE-Lab 52.7574 54.348 -8.4569

Base Numbers

BaseRedGreenBlue
Decimal 204 82 142
Binary 11001100 1010010 10001110
Octal 314 122 216
Hex CC 52 8E

Monochromatic Colors

#e56ba7
#fe84c0
#ff9dd9
#ffb6f2
#ffcfff
#ffe8ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc528e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC528E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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