#CC559C Information

#CC559C color RGB value is (204 , 85 , 156) , HEX triplet: cc, 55 and 9c. RGB value is (204 , 85 , 156). Sum of RGB (Red+Green+Blue) = 204+85+156=445 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 156 (61.18% from 255 or 72.56% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC559C hue: 0.9 , saturation: 0.54 and the lightness value of cc559c is 0.57.

#cc559c
(204 , 85 , 156)
  • R (204)
  • G (85)
  • B (156)
  • C (0)
  • M (46.67)
  • Y (18.82)
  • K (20)

Applying the #cc559c

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

#c75097
#c24b92
#bd468d
#b84188
#b33c83
#ae377e
#a93279
#a42d74
#9f286f
#9a236a
#951e65
#901960
#d861a8
#e46db4
#f079c0
#fc85cc
#ff91d8
#ff9de4
#ffa9f0
#ffb5fc
#ffc1ff
#ffcdff
#ffd9ff
#ffe5ff

Color spaces of #cc559c

Type Values
RGB 204 85 156
HSL 0.9 0.54 0.57
HSV 324 58 80
CMYK 0 46.67 18.82 20
XYZ 34.1511 21.7347 33.8477
Hunter Lab 46.6205 49.1717 -10.3967
CIE-Lab 53.7443 54.8389 -15.2347

Base Numbers

BaseRedGreenBlue
Decimal 204 85 156
Binary 11001100 1010101 10011100
Octal 314 125 234
Hex CC 55 9C

Monochromatic Colors

#e56eb5
#fe87ce
#ffa0e7
#ffb9ff
#ffd2ff
#ffebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc559c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC559C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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