#E421A5 Information

#E421A5 color RGB value is (228 , 33 , 165) , HEX triplet: e4, 21 and a5. RGB value is (228 , 33 , 165). Sum of RGB (Red+Green+Blue) = 228+33+165=426 (Red value is 228 (89.41% from 255 or 106.05% from 215); Green value is 33 (12.94% from 255 or 15.35% from 215); Blue value is 165 (64.71% from 255 or 76.74% from 215); Max value from RGB is 228 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E421A5 hue: 0.89 , saturation: 0.78 and the lightness value of e421a5 is 0.51.

#e421a5
(228 , 33 , 165)
  • R (228)
  • G (33)
  • B (165)
  • C (0)
  • M (76.47)
  • Y (24.71)
  • K (10.59)

Applying the #e421a5

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

#df1ca0
#da179b
#d51296
#d00d91
#cb088c
#c60387
#c10082
#bc007d
#b70078
#b20073
#ad006e
#a80069
#f02db1
#fc39bd
#ff45c9
#ff51d5
#ff5de1
#ff69ed
#ff75f9
#ff81ff
#ff8dff
#ff99ff
#ffa5ff
#ffb1ff

Color spaces of #e421a5

Type Values
RGB 228 33 165
HSL 0.89 0.78 0.51
HSV 319 86 89
CMYK 0 76.47 24.71 10.59
XYZ 39.3303 20.2983 37.4423
Hunter Lab 45.0536 76.9806 -17.7186
CIE-Lab 52.1728 78.7431 -22.5798

Base Numbers

BaseRedGreenBlue
Decimal 228 33 165
Binary 11100100 100001 10100101
Octal 344 41 245
Hex E4 21 A5

Monochromatic Colors

#fd3abe
#ff53d7
#ff6cf0
#ff85ff
#ff9eff
#ffb7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e421a5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E421A5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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