#C7148E Information

#C7148E color RGB value is (199 , 20 , 142) , HEX triplet: c7, 14 and 8e. RGB value is (199 , 20 , 142). Sum of RGB (Red+Green+Blue) = 199+20+142=361 (Red value is 199 (78.04% from 255 or 92.56% from 215); Green value is 20 (7.84% from 255 or 9.3% from 215); Blue value is 142 (55.69% from 255 or 66.05% from 215); Max value from RGB is 199 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C7148E hue: 0.89 , saturation: 0.82 and the lightness value of c7148e is 0.43.

#c7148e
(199 , 20 , 142)
  • R (199)
  • G (20)
  • B (142)
  • C (0)
  • M (70.2)
  • Y (22.35)
  • K (21.96)

Applying the #c7148e

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

#c20f89
#bd0a84
#b8057f
#b3007a
#ae0075
#a90070
#a4006b
#9f0066
#9a0061
#95005c
#900057
#8b0052
#d3209a
#df2ca6
#eb38b2
#f744be
#ff50ca
#ff5cd6
#ff68e2
#ff74ee
#ff80fa
#ff8cff
#ff98ff
#ffa4ff

Color spaces of #c7148e

Type Values
RGB 199 20 142
HSL 0.89 0.82 0.43
HSV 319 90 78
CMYK 0 70.2 22.35 21.96
XYZ 28.6858 14.5954 26.8965
Hunter Lab 38.204 67.1717 -14.984
CIE-Lab 45.075 72.1327 -20.1881

Base Numbers

BaseRedGreenBlue
Decimal 199 20 142
Binary 11000111 10100 10001110
Octal 307 24 216
Hex C7 14 8E

Monochromatic Colors

#e02da7
#f946c0
#ff5fd9
#ff78f2
#ff91ff
#ffaaff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c7148e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C7148E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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