#E5534A Information

#E5534A color RGB value is (229 , 83 , 74) , HEX triplet: e5, 53 and 4a. RGB value is (229 , 83 , 74). Sum of RGB (Red+Green+Blue) = 229+83+74=386 (Red value is 229 (89.8% from 255 or 106.51% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 74 (29.02% from 255 or 34.42% from 215); Max value from RGB is 229 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E5534A hue: 0.01 , saturation: 0.75 and the lightness value of e5534a is 0.59.

#e5534a
(229 , 83 , 74)
  • R (229)
  • G (83)
  • B (74)
  • C (0)
  • M (57.25)
  • Y (60.78)
  • K (10.2)

Applying the #e5534a

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

#e04e45
#db4940
#d6443b
#d13f36
#cc3a31
#c7352c
#c23027
#bd2b22
#b8261d
#b32118
#ae1c13
#a9170e
#f15f56
#fd6b62
#ff776e
#ff837a
#ff8f86
#ff9b92
#ffa79e
#ffb3aa
#ffbfb6
#ffcbc2
#ffd7ce
#ffe3da

Color spaces of #e5534a

Type Values
RGB 229 83 74
HSL 0.01 0.75 0.59
HSV 3 68 90
CMYK 0 57.25 60.78 10.2
XYZ 36.6424 23.3389 9.0522
Hunter Lab 48.3104 50.8453 22.7111
CIE-Lab 55.4198 56.0588 35.8483

Base Numbers

BaseRedGreenBlue
Decimal 229 83 74
Binary 11100101 1010011 1001010
Octal 345 123 112
Hex E5 53 4A

Monochromatic Colors

#fe6c63
#ff857c
#ff9e95
#ffb7ae
#ffd0c7
#ffe9e0

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e5534a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E5534A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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