#CC59B6 Information

#CC59B6 color RGB value is (204 , 89 , 182) , HEX triplet: cc, 59 and b6. RGB value is (204 , 89 , 182). Sum of RGB (Red+Green+Blue) = 204+89+182=475 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 89 (34.9% from 255 or 41.4% from 215); Blue value is 182 (71.37% from 255 or 84.65% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC59B6 hue: 0.87 , saturation: 0.53 and the lightness value of cc59b6 is 0.57.

#cc59b6
(204 , 89 , 182)
  • R (204)
  • G (89)
  • B (182)
  • C (0)
  • M (45.1)
  • Y (8.63)
  • K (20)

Applying the #cc59b6

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

#c754b1
#c24fac
#bd4aa7
#b845a2
#b3409d
#ae3b98
#a93693
#a4318e
#9f2c89
#9a2784
#95227f
#901d7a
#d865c2
#e471ce
#f07dda
#fc89e6
#ff95f2
#ffa1fe
#ffadff
#ffb9ff
#ffc5ff
#ffd1ff
#ffddff
#ffe9ff

Color spaces of #cc59b6

Type Values
RGB 204 89 182
HSL 0.87 0.53 0.57
HSV 311 56 80
CMYK 0 45.1 8.63 20
XYZ 36.9177 23.3595 46.819
Hunter Lab 48.3317 51.7652 -23.5818
CIE-Lab 55.4407 56.8775 -27.7824

Base Numbers

BaseRedGreenBlue
Decimal 204 89 182
Binary 11001100 1011001 10110110
Octal 314 131 266
Hex CC 59 B6

Monochromatic Colors

#e572cf
#fe8be8
#ffa4ff
#ffbdff
#ffd6ff
#ffefff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc59b6 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC59B6 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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