#E1C418 Information

#E1C418 color RGB value is (225 , 196 , 24) , HEX triplet: e1, c4 and 18. RGB value is (225 , 196 , 24). Sum of RGB (Red+Green+Blue) = 225+196+24=445 (Red value is 225 (88.24% from 255 or 104.65% from 215); Green value is 196 (76.86% from 255 or 91.16% from 215); Blue value is 24 (9.41% from 255 or 11.16% from 215); Max value from RGB is 225 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E1C418 hue: 0.14 , saturation: 0.81 and the lightness value of e1c418 is 0.49.

#e1c418
(225 , 196 , 24)
  • R (225)
  • G (196)
  • B (24)
  • C (0)
  • M (11.37)
  • Y (78.82)
  • K (11.76)

Applying the #e1c418

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

#dcbf13
#d7ba0e
#d2b509
#cdb004
#c8ab00
#c3a600
#bea100
#b99c00
#b49700
#af9200
#aa8d00
#a58800
#edd024
#f9dc30
#ffe83c
#fff448
#ffff54
#ffff60
#ffff6c
#ffff78
#ffff84
#ffff90
#ffff9c
#ffffa8

Color spaces of #e1c418

Type Values
RGB 225 196 24
HSL 0.14 0.81 0.49
HSV 51 89 88
CMYK 0 11.37 78.82 11.76
XYZ 50.9561 55.5534 8.9013
Hunter Lab 74.5341 -8.4007 45.0944
CIE-Lab 79.3589 -4.846 77.6102

Base Numbers

BaseRedGreenBlue
Decimal 225 196 24
Binary 11100001 11000100 11000
Octal 341 304 30
Hex E1 C4 18

Monochromatic Colors

#fadd31
#fff64a
#ffff63
#ffff7c
#ffff95
#ffffae

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e1c418 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E1C418 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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