#E12859 Information

#E12859 color RGB value is (225 , 40 , 89) , HEX triplet: e1, 28 and 59. RGB value is (225 , 40 , 89). Sum of RGB (Red+Green+Blue) = 225+40+89=354 (Red value is 225 (88.24% from 255 or 104.65% from 215); Green value is 40 (15.69% from 255 or 18.6% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 225 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E12859 hue: 0.96 , saturation: 0.76 and the lightness value of e12859 is 0.52.

#e12859
(225 , 40 , 89)
  • R (225)
  • G (40)
  • B (89)
  • C (0)
  • M (72.55)
  • Y (53.33)
  • K (11.76)

Applying the #e12859

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

#dc2354
#d71e4f
#d2194a
#cd1445
#c80f40
#c30a3b
#be0536
#b90031
#b4002c
#af0027
#aa0022
#a5001d
#ed3465
#f94071
#ff4c7d
#ff5889
#ff6495
#ff70a1
#ff7cad
#ff88b9
#ff94c5
#ffa0d1
#ffacdd
#ffb8e9

Color spaces of #e12859

Type Values
RGB 225 40 89
HSL 0.96 0.76 0.52
HSV 344 82 88
CMYK 0 72.55 53.33 11.76
XYZ 33.6133 18.2464 11.2015
Hunter Lab 42.7158 65.71 14.3583
CIE-Lab 49.7936 69.9922 19.7238

Base Numbers

BaseRedGreenBlue
Decimal 225 40 89
Binary 11100001 101000 1011001
Octal 341 50 131
Hex E1 28 59

Monochromatic Colors

#fa4172
#ff5a8b
#ff73a4
#ff8cbd
#ffa5d6
#ffbeef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e12859 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E12859 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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