#E75977 Information

#E75977 color RGB value is (231 , 89 , 119) , HEX triplet: e7, 59 and 77. RGB value is (231 , 89 , 119). Sum of RGB (Red+Green+Blue) = 231+89+119=439 (Red value is 231 (90.59% from 255 or 107.44% from 215); Green value is 89 (34.9% from 255 or 41.4% from 215); Blue value is 119 (46.67% from 255 or 55.35% from 215); Max value from RGB is 231 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E75977 hue: 0.96 , saturation: 0.75 and the lightness value of e75977 is 0.63.

#e75977
(231 , 89 , 119)
  • R (231)
  • G (89)
  • B (119)
  • C (0)
  • M (55.69)
  • Y (43.92)
  • K (9.41)

Applying the #e75977

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

#e25472
#dd4f6d
#d84a68
#d34563
#ce405e
#c93b59
#c43654
#bf314f
#ba2c4a
#b52745
#b02240
#ab1d3b
#f36583
#ff718f
#ff7d9b
#ff89a7
#ff95b3
#ffa1bf
#ffadcb
#ffb9d7
#ffc5e3
#ffd1ef
#ffddfb
#ffe9ff

Color spaces of #e75977

Type Values
RGB 231 89 119
HSL 0.96 0.75 0.63
HSV 347 61 91
CMYK 0 55.69 43.92 9.41
XYZ 39.8571 25.4656 20.2674
Hunter Lab 50.4634 52.6724 11.52
CIE-Lab 57.5263 57.3242 12.5756

Base Numbers

BaseRedGreenBlue
Decimal 231 89 119
Binary 11100111 1011001 1110111
Octal 347 131 167
Hex E7 59 77

Monochromatic Colors

#ff7290
#ff8ba9
#ffa4c2
#ffbddb
#ffd6f4
#ffefff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e75977 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E75977 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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