#E7417B Information

#E7417B color RGB value is (231 , 65 , 123) , HEX triplet: e7, 41 and 7b. RGB value is (231 , 65 , 123). Sum of RGB (Red+Green+Blue) = 231+65+123=419 (Red value is 231 (90.59% from 255 or 107.44% from 215); Green value is 65 (25.49% from 255 or 30.23% from 215); Blue value is 123 (48.24% from 255 or 57.21% from 215); Max value from RGB is 231 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E7417B hue: 0.94 , saturation: 0.78 and the lightness value of e7417b is 0.58.

#e7417b
(231 , 65 , 123)
  • R (231)
  • G (65)
  • B (123)
  • C (0)
  • M (65.1)
  • Y (42.35)
  • K (9.41)

Applying the #e7417b

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

#e23c76
#dd3771
#d8326c
#d32d67
#ce2862
#c9235d
#c41e58
#bf1953
#ba144e
#b50f49
#b00a44
#ab053f
#f34d87
#ff5993
#ff659f
#ff71ab
#ff7db7
#ff89c3
#ff95cf
#ffa1db
#ffade7
#ffb9f3
#ffc5ff
#ffd1ff

Color spaces of #e7417b

Type Values
RGB 231 65 123
HSL 0.94 0.78 0.58
HSV 339 72 91
CMYK 0 65.1 42.35 9.41
XYZ 38.4204 22.1996 20.9989
Hunter Lab 47.1164 63.1017 6.5661
CIE-Lab 54.2381 66.9454 5.5488

Base Numbers

BaseRedGreenBlue
Decimal 231 65 123
Binary 11100111 1000001 1111011
Octal 347 101 173
Hex E7 41 7B

Monochromatic Colors

#ff5a94
#ff73ad
#ff8cc6
#ffa5df
#ffbef8
#ffd7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e7417b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E7417B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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