#E54875 Information

#E54875 color RGB value is (229 , 72 , 117) , HEX triplet: e5, 48 and 75. RGB value is (229 , 72 , 117). Sum of RGB (Red+Green+Blue) = 229+72+117=418 (Red value is 229 (89.8% from 255 or 106.51% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 117 (45.88% from 255 or 54.42% from 215); Max value from RGB is 229 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E54875 hue: 0.95 , saturation: 0.75 and the lightness value of e54875 is 0.59.

#e54875
(229 , 72 , 117)
  • R (229)
  • G (72)
  • B (117)
  • C (0)
  • M (61.57)
  • Y (43.92)
  • K (10.2)

Applying the #e54875

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

#e04370
#db3e6b
#d63966
#d13461
#cc2f5c
#c72a57
#c22552
#bd204d
#b81b48
#b31643
#ae113e
#a90c39
#f15481
#fd608d
#ff6c99
#ff78a5
#ff84b1
#ff90bd
#ff9cc9
#ffa8d5
#ffb4e1
#ffc0ed
#ffccf9
#ffd8ff

Color spaces of #e54875

Type Values
RGB 229 72 117
HSL 0.95 0.75 0.59
HSV 343 69 90
CMYK 0 61.57 43.92 10.2
XYZ 37.8413 22.5771 19.193
Hunter Lab 47.5154 59.006 9.3197
CIE-Lab 54.634 63.372 9.6436

Base Numbers

BaseRedGreenBlue
Decimal 229 72 117
Binary 11100101 1001000 1110101
Octal 345 110 165
Hex E5 48 75

Monochromatic Colors

#fe618e
#ff7aa7
#ff93c0
#ffacd9
#ffc5f2
#ffdeff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e54875 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E54875 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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