#CC4EE7 Information

#CC4EE7 color RGB value is (204 , 78 , 231) , HEX triplet: cc, 4e and e7. RGB value is (204 , 78 , 231). Sum of RGB (Red+Green+Blue) = 204+78+231=513 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 231 (90.59% from 255 or 107.44% from 215); Max value from RGB is 231 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #CC4EE7 hue: 0.8 , saturation: 0.76 and the lightness value of cc4ee7 is 0.61.

#cc4ee7
(204 , 78 , 231)
  • R (204)
  • G (78)
  • B (231)
  • C (10.59)
  • M (60)
  • Y (0)
  • K (9.41)

Applying the #cc4ee7

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

#c749e2
#c244dd
#bd3fd8
#b83ad3
#b335ce
#ae30c9
#a92bc4
#a426bf
#9f21ba
#9a1cb5
#9517b0
#9012ab
#d85af3
#e466ff
#f072ff
#fc7eff
#ff8aff
#ff96ff
#ffa2ff
#ffaeff
#ffbaff
#ffc6ff
#ffd2ff
#ffdeff

Color spaces of #cc4ee7

Type Values
RGB 204 78 231
HSL 0.8 0.76 0.61
HSV 289 66 91
CMYK 10.59 60 0 9.41
XYZ 42.05 24.0557 78.0282
Hunter Lab 49.0466 67.2053 -59.9578
CIE-Lab 56.1435 70.0259 -54.5903

Base Numbers

BaseRedGreenBlue
Decimal 204 78 231
Binary 11001100 1001110 11100111
Octal 314 116 347
Hex CC 4E E7

Monochromatic Colors

#e567ff
#fe80ff
#ff99ff
#ffb2ff
#ffcbff
#ffe4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc4ee7 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC4EE7 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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