#CC15DE Information

#CC15DE color RGB value is (204 , 21 , 222) , HEX triplet: cc, 15 and de. RGB value is (204 , 21 , 222). Sum of RGB (Red+Green+Blue) = 204+21+222=447 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 21 (8.24% from 255 or 9.77% from 215); Blue value is 222 (87.06% from 255 or 103.26% from 215); Max value from RGB is 222 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #CC15DE hue: 0.82 , saturation: 0.83 and the lightness value of cc15de is 0.48.

#cc15de
(204 , 21 , 222)
  • R (204)
  • G (21)
  • B (222)
  • C (7.06)
  • M (78.82)
  • Y (0)
  • K (12.94)

Applying the #cc15de

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

#c710d9
#c20bd4
#bd06cf
#b801ca
#b300c5
#ae00c0
#a900bb
#a400b6
#9f00b1
#9a00ac
#9500a7
#9000a2
#d821ea
#e42df6
#f039ff
#fc45ff
#ff51ff
#ff5dff
#ff69ff
#ff75ff
#ff81ff
#ff8dff
#ff99ff
#ffa5ff

Color spaces of #cc15de

Type Values
RGB 204 21 222
HSL 0.82 0.83 0.48
HSV 295 91 87
CMYK 7.06 78.82 0 12.94
XYZ 38.3548 18.6476 70.6851
Hunter Lab 43.1829 82.9727 -66.7872
CIE-Lab 50.2724 83.8285 -58.9126

Base Numbers

BaseRedGreenBlue
Decimal 204 21 222
Binary 11001100 10101 11011110
Octal 314 25 336
Hex CC 15 DE

Monochromatic Colors

#e52ef7
#fe47ff
#ff60ff
#ff79ff
#ff92ff
#ffabff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc15de Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC15DE Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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