#CC356F Information

#CC356F color RGB value is (204 , 53 , 111) , HEX triplet: cc, 35 and 6f. RGB value is (204 , 53 , 111). Sum of RGB (Red+Green+Blue) = 204+53+111=368 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 53 (20.78% from 255 or 24.65% from 215); Blue value is 111 (43.53% from 255 or 51.63% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC356F hue: 0.94 , saturation: 0.6 and the lightness value of cc356f is 0.5.

#cc356f
(204 , 53 , 111)
  • R (204)
  • G (53)
  • B (111)
  • C (0)
  • M (59.22)
  • Y (36.47)
  • K (20)

Applying the #cc356f

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

#c7306a
#c22b65
#bd2660
#b8215b
#b31c56
#ae1751
#a9124c
#a40d47
#9f0842
#9a033d
#950038
#900033
#d8417b
#e44d87
#f05993
#fc659f
#ff71ab
#ff7db7
#ff89c3
#ff95cf
#ffa1db
#ffade7
#ffb9f3
#ffc5ff

Color spaces of #cc356f

Type Values
RGB 204 53 111
HSL 0.94 0.6 0.5
HSV 337 74 80
CMYK 0 59.22 36.47 20
XYZ 29.0442 16.5313 16.699
Hunter Lab 40.6587 56.3574 4.1183
CIE-Lab 47.6639 62.3644 2.7105

Base Numbers

BaseRedGreenBlue
Decimal 204 53 111
Binary 11001100 110101 1101111
Octal 314 65 157
Hex CC 35 6F

Monochromatic Colors

#e54e88
#fe67a1
#ff80ba
#ff99d3
#ffb2ec
#ffcbff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc356f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC356F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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