#C72171 Information

#C72171 color RGB value is (199 , 33 , 113) , HEX triplet: c7, 21 and 71. RGB value is (199 , 33 , 113). Sum of RGB (Red+Green+Blue) = 199+33+113=345 (Red value is 199 (78.04% from 255 or 92.56% from 215); Green value is 33 (12.94% from 255 or 15.35% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 199 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C72171 hue: 0.92 , saturation: 0.72 and the lightness value of c72171 is 0.45.

#c72171
(199 , 33 , 113)
  • R (199)
  • G (33)
  • B (113)
  • C (0)
  • M (65.1)
  • Y (33.73)
  • K (21.96)

Applying the #c72171

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

#c21c6c
#bd1767
#b81262
#b30d5d
#ae0858
#a90353
#a4004e
#9f0049
#9a0044
#95003f
#90003a
#8b0035
#d32d7d
#df3989
#eb4595
#f751a1
#ff5dad
#ff69b9
#ff75c5
#ff81d1
#ff8ddd
#ff99e9
#ffa5f5
#ffb1ff

Color spaces of #c72171

Type Values
RGB 199 33 113
HSL 0.92 0.72 0.45
HSV 331 83 78
CMYK 0 65.1 33.73 21.96
XYZ 27.0777 14.4221 16.9794
Hunter Lab 37.9764 60.8141 0.0839
CIE-Lab 44.8323 66.7908 -2.7676

Base Numbers

BaseRedGreenBlue
Decimal 199 33 113
Binary 11000111 100001 1110001
Octal 307 41 161
Hex C7 21 71

Monochromatic Colors

#e03a8a
#f953a3
#ff6cbc
#ff85d5
#ff9eee
#ffb7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c72171 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C72171 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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