#E5218D Information

#E5218D color RGB value is (229 , 33 , 141) , HEX triplet: e5, 21 and 8d. RGB value is (229 , 33 , 141). Sum of RGB (Red+Green+Blue) = 229+33+141=403 (Red value is 229 (89.8% from 255 or 106.51% from 215); Green value is 33 (12.94% from 255 or 15.35% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 229 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E5218D hue: 0.91 , saturation: 0.79 and the lightness value of e5218d is 0.51.

#e5218d
(229 , 33 , 141)
  • R (229)
  • G (33)
  • B (141)
  • C (0)
  • M (76.86)
  • Y (34.51)
  • K (10.2)

Applying the #e5218d

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

#e01c88
#db1783
#d6127e
#d10d79
#cc0874
#c7036f
#c2006a
#bd0065
#b80060
#b3005b
#ae0056
#a90051
#f12d99
#fd39a5
#ff45b1
#ff51bd
#ff5dc9
#ff69d5
#ff75e1
#ff81ed
#ff8df9
#ff99ff
#ffa5ff
#ffb1ff

Color spaces of #e5218d

Type Values
RGB 229 33 141
HSL 0.91 0.79 0.51
HSV 327 86 90
CMYK 0 76.86 34.51 10.2
XYZ 37.6647 19.6688 27.0106
Hunter Lab 44.3495 73.9828 -5.0527
CIE-Lab 51.4607 76.477 -9.3555

Base Numbers

BaseRedGreenBlue
Decimal 229 33 141
Binary 11100101 100001 10001101
Octal 345 41 215
Hex E5 21 8D

Monochromatic Colors

#fe3aa6
#ff53bf
#ff6cd8
#ff85f1
#ff9eff
#ffb7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e5218d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E5218D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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