#E79070 Information

#E79070 color RGB value is (231 , 144 , 112) , HEX triplet: e7, 90 and 70. RGB value is (231 , 144 , 112). Sum of RGB (Red+Green+Blue) = 231+144+112=487 (Red value is 231 (90.59% from 255 or 107.44% from 215); Green value is 144 (56.47% from 255 or 66.98% from 215); Blue value is 112 (43.92% from 255 or 52.09% from 215); Max value from RGB is 231 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E79070 hue: 0.04 , saturation: 0.71 and the lightness value of e79070 is 0.67.

#e79070
(231 , 144 , 112)
  • R (231)
  • G (144)
  • B (112)
  • C (0)
  • M (34.12)
  • Y (46.67)
  • K (9.41)

Applying the #e79070

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

#e28b6b
#dd8666
#d88161
#d37c5c
#ce7757
#c97252
#c46d4d
#bf6848
#ba6343
#b55e3e
#b05939
#ab5434
#f39c7c
#ffa888
#ffb494
#ffc0a0
#ffccac
#ffd8b8
#ffe4c4
#fff0d0
#fffcdc
#ffffe8
#fffff4
#ffffff

Color spaces of #e79070

Type Values
RGB 231 144 112
HSL 0.04 0.71 0.67
HSV 16 52 91
CMYK 0 34.12 46.67 9.41
XYZ 45.8529 38.1053 20.2676
Hunter Lab 61.7295 24.5641 23.7501
CIE-Lab 68.0981 29.6525 30.8026

Base Numbers

BaseRedGreenBlue
Decimal 231 144 112
Binary 11100111 10010000 1110000
Octal 347 220 160
Hex E7 90 70

Monochromatic Colors

#ffa989
#ffc2a2
#ffdbbb
#fff4d4
#ffffed
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e79070 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E79070 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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