#E12376 Information

#E12376 color RGB value is (225 , 35 , 118) , HEX triplet: e1, 23 and 76. RGB value is (225 , 35 , 118). Sum of RGB (Red+Green+Blue) = 225+35+118=378 (Red value is 225 (88.24% from 255 or 104.65% from 215); Green value is 35 (13.73% from 255 or 16.28% from 215); Blue value is 118 (46.27% from 255 or 54.88% from 215); Max value from RGB is 225 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E12376 hue: 0.93 , saturation: 0.76 and the lightness value of e12376 is 0.51.

#e12376
(225 , 35 , 118)
  • R (225)
  • G (35)
  • B (118)
  • C (0)
  • M (74.51)
  • Y (41.96)
  • K (11.76)

Applying the #e12376

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

#dc1e71
#d7196c
#d21467
#cd0f62
#c80a5d
#c30558
#be0053
#b9004e
#b40049
#af0044
#aa003f
#a5003a
#ed2f82
#f93b8e
#ff479a
#ff53a6
#ff5fb2
#ff6bbe
#ff77ca
#ff83d6
#ff8fe2
#ff9bee
#ffa7fa
#ffb3ff

Color spaces of #e12376

Type Values
RGB 225 35 118
HSL 0.93 0.76 0.51
HSV 334 84 88
CMYK 0 74.51 41.96 11.76
XYZ 34.9224 18.5176 18.8732
Hunter Lab 43.0321 69.5542 4.1277
CIE-Lab 50.118 73.1258 2.4837

Base Numbers

BaseRedGreenBlue
Decimal 225 35 118
Binary 11100001 100011 1110110
Octal 341 43 166
Hex E1 23 76

Monochromatic Colors

#fa3c8f
#ff55a8
#ff6ec1
#ff87da
#ffa0f3
#ffb9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e12376 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E12376 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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