#E77580 Information

#E77580 color RGB value is (231 , 117 , 128) , HEX triplet: e7, 75 and 80. RGB value is (231 , 117 , 128). Sum of RGB (Red+Green+Blue) = 231+117+128=476 (Red value is 231 (90.59% from 255 or 107.44% from 215); Green value is 117 (45.88% from 255 or 54.42% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 231 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E77580 hue: 0.98 , saturation: 0.7 and the lightness value of e77580 is 0.68.

#e77580
(231 , 117 , 128)
  • R (231)
  • G (117)
  • B (128)
  • C (0)
  • M (44.71)
  • Y (40.39)
  • K (9.41)

Applying the #e77580

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

#e2707b
#dd6b76
#d86671
#d3616c
#ce5c67
#c95762
#c4525d
#bf4d58
#ba4853
#b5434e
#b03e49
#ab3944
#f3818c
#ff8d98
#ff99a4
#ffa5b0
#ffb1bc
#ffbdc8
#ffc9d4
#ffd5e0
#ffe1ec
#ffedf8
#fff9ff
#ffffff

Color spaces of #e77580

Type Values
RGB 231 117 128
HSL 0.98 0.7 0.68
HSV 354 49 91
CMYK 0 44.71 40.39 9.41
XYZ 43.2126 31.27 24.1802
Hunter Lab 55.9196 40.079 13.5146
CIE-Lab 62.7349 45.0937 14.6352

Base Numbers

BaseRedGreenBlue
Decimal 231 117 128
Binary 11100111 1110101 10000000
Octal 347 165 200
Hex E7 75 80

Monochromatic Colors

#ff8e99
#ffa7b2
#ffc0cb
#ffd9e4
#fff2fd
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e77580 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E77580 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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