#E0C949 Information

#E0C949 color RGB value is (224 , 201 , 73) , HEX triplet: e0, c9 and 49. RGB value is (224 , 201 , 73). Sum of RGB (Red+Green+Blue) = 224+201+73=498 (Red value is 224 (87.84% from 255 or 104.19% from 215); Green value is 201 (78.82% from 255 or 93.49% from 215); Blue value is 73 (28.63% from 255 or 33.95% from 215); Max value from RGB is 224 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E0C949 hue: 0.14 , saturation: 0.71 and the lightness value of e0c949 is 0.58.

#e0c949
(224 , 201 , 73)
  • R (224)
  • G (201)
  • B (73)
  • C (0)
  • M (9.02)
  • Y (59.22)
  • K (12.16)

Applying the #e0c949

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

#dbc444
#d6bf3f
#d1ba3a
#ccb535
#c7b030
#c2ab2b
#bda626
#b8a121
#b39c1c
#ae9717
#a99212
#a48d0d
#ecd555
#f8e161
#ffed6d
#fff979
#ffff85
#ffff91
#ffff9d
#ffffa9
#ffffb5
#ffffc1
#ffffcd
#ffffd9

Color spaces of #e0c949

Type Values
RGB 224 201 73
HSL 0.14 0.71 0.58
HSV 51 67 88
CMYK 0 9.02 59.22 12.16
XYZ 52.8297 58.1016 14.7336
Hunter Lab 76.2244 -9.6773 41.8997
CIE-Lab 80.7953 -6.1186 64.2098

Base Numbers

BaseRedGreenBlue
Decimal 224 201 73
Binary 11100000 11001001 1001001
Octal 340 311 111
Hex E0 C9 49

Monochromatic Colors

#f9e262
#fffb7b
#ffff94
#ffffad
#ffffc6
#ffffdf

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e0c949 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E0C949 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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