#C70E6D Information

#C70E6D color RGB value is (199 , 14 , 109) , HEX triplet: c7, e and 6d. RGB value is (199 , 14 , 109). Sum of RGB (Red+Green+Blue) = 199+14+109=322 (Red value is 199 (78.04% from 255 or 92.56% from 215); Green value is 14 (5.49% from 255 or 6.51% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 199 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C70E6D hue: 0.91 , saturation: 0.87 and the lightness value of c70e6d is 0.42.

#c70e6d
(199 , 14 , 109)
  • R (199)
  • G (14)
  • B (109)
  • C (0)
  • M (72.55)
  • Y (35.29)
  • K (21.96)

Applying the #c70e6d

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

#c20968
#bd0463
#b8005e
#b30059
#ae0054
#a9004f
#a4004a
#9f0045
#9a0040
#95003b
#900036
#8b0031
#d31a79
#df2685
#eb3291
#f73e9d
#ff4aa9
#ff56b5
#ff62c1
#ff6ecd
#ff7ad9
#ff86e5
#ff92f1
#ff9efd

Color spaces of #c70e6d

Type Values
RGB 199 14 109
HSL 0.91 0.87 0.42
HSV 329 93 78
CMYK 0 72.55 35.29 21.96
XYZ 26.4705 13.5603 15.6902
Hunter Lab 36.8243 63.8691 0.5232
CIE-Lab 43.5957 69.6435 -2.1032

Base Numbers

BaseRedGreenBlue
Decimal 199 14 109
Binary 11000111 1110 1101101
Octal 307 16 155
Hex C7 E 6D

Monochromatic Colors

#e02786
#f9409f
#ff59b8
#ff72d1
#ff8bea
#ffa4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c70e6d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C70E6D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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