#E76469 Information

#E76469 color RGB value is (231 , 100 , 105) , HEX triplet: e7, 64 and 69. RGB value is (231 , 100 , 105). Sum of RGB (Red+Green+Blue) = 231+100+105=436 (Red value is 231 (90.59% from 255 or 107.44% from 215); Green value is 100 (39.22% from 255 or 46.51% from 215); Blue value is 105 (41.18% from 255 or 48.84% from 215); Max value from RGB is 231 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E76469 hue: 0.99 , saturation: 0.73 and the lightness value of e76469 is 0.65.

#e76469
(231 , 100 , 105)
  • R (231)
  • G (100)
  • B (105)
  • C (0)
  • M (51.37)
  • Y (49.41)
  • K (9.41)

Applying the #e76469

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

#e25f64
#dd5a5f
#d8555a
#d35055
#ce4b50
#c9464b
#c44146
#bf3c41
#ba373c
#b53237
#b02d32
#ab282d
#f37075
#ff7c81
#ff888d
#ff9499
#ffa0a5
#ffacb1
#ffb8bd
#ffc4c9
#ffd0d5
#ffdce1
#ffe8ed
#fff4f9

Color spaces of #e76469

Type Values
RGB 231 100 105
HSL 0.99 0.73 0.65
HSV 358 57 91
CMYK 0 51.37 49.41 9.41
XYZ 40.062 27.1232 16.4884
Hunter Lab 52.0799 46.1696 17.6909
CIE-Lab 59.0882 51.2319 22.8594

Base Numbers

BaseRedGreenBlue
Decimal 231 100 105
Binary 11100111 1100100 1101001
Octal 347 144 151
Hex E7 64 69

Monochromatic Colors

#ff7d82
#ff969b
#ffafb4
#ffc8cd
#ffe1e6
#fffaff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e76469 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E76469 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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