#CC4692 Information

#CC4692 color RGB value is (204 , 70 , 146) , HEX triplet: cc, 46 and 92. RGB value is (204 , 70 , 146). Sum of RGB (Red+Green+Blue) = 204+70+146=420 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 70 (27.45% from 255 or 32.56% from 215); Blue value is 146 (57.25% from 255 or 67.91% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC4692 hue: 0.91 , saturation: 0.57 and the lightness value of cc4692 is 0.54.

#cc4692
(204 , 70 , 146)
  • R (204)
  • G (70)
  • B (146)
  • C (0)
  • M (52.55)
  • Y (22.75)
  • K (20)

Applying the #cc4692

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

#c7418d
#c23c88
#bd3783
#b8327e
#b32d79
#ae2874
#a9236f
#a41e6a
#9f1965
#9a1460
#950f5b
#900a56
#d8529e
#e45eaa
#f06ab6
#fc76c2
#ff82ce
#ff8eda
#ff9ae6
#ffa6f2
#ffb2fe
#ffbeff
#ffcaff
#ffd6ff

Color spaces of #cc4692

Type Values
RGB 204 70 146
HSL 0.91 0.57 0.54
HSV 326 66 80
CMYK 0 52.55 22.75 20
XYZ 32.2803 19.293 29.2167
Hunter Lab 43.9238 54.3159 -8.6773
CIE-Lab 51.0283 59.9332 -13.4332

Base Numbers

BaseRedGreenBlue
Decimal 204 70 146
Binary 11001100 1000110 10010010
Octal 314 106 222
Hex CC 46 92

Monochromatic Colors

#e55fab
#fe78c4
#ff91dd
#ffaaf6
#ffc3ff
#ffdcff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc4692 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC4692 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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