#ECD31D Information

#ECD31D color RGB value is (236 , 211 , 29) , HEX triplet: ec, d3 and 1d. RGB value is (236 , 211 , 29). Sum of RGB (Red+Green+Blue) = 236+211+29=476 (Red value is 236 (92.55% from 255 or 109.77% from 215); Green value is 211 (82.75% from 255 or 98.14% from 215); Blue value is 29 (11.37% from 255 or 13.49% from 215); Max value from RGB is 236 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #ECD31D hue: 0.15 , saturation: 0.84 and the lightness value of ecd31d is 0.52.

#ecd31d
(236 , 211 , 29)
  • R (236)
  • G (211)
  • B (29)
  • C (0)
  • M (9.8)
  • Y (81.18)
  • K (7.45)

Applying the #ecd31d

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

#e7ce18
#e2c913
#ddc40e
#d8bf09
#d3ba04
#ceb500
#c9b000
#c4ab00
#bfa600
#baa100
#b59c00
#b09700
#f8df29
#ffeb35
#fff741
#ffff4d
#ffff59
#ffff65
#ffff71
#ffff7d
#ffff89
#ffff95
#ffffa1
#ffffad

Color spaces of #ecd31d

Type Values
RGB 236 211 29
HSL 0.15 0.84 0.52
HSV 53 88 93
CMYK 0 9.8 81.18 7.45
XYZ 58.1081 64.5101 10.5515
Hunter Lab 80.3182 -11.4163 48.4352
CIE-Lab 84.2307 -7.6671 80.947

Base Numbers

BaseRedGreenBlue
Decimal 236 211 29
Binary 11101100 11010011 11101
Octal 354 323 35
Hex EC D3 1D

Monochromatic Colors

#ffec36
#ffff4f
#ffff68
#ffff81
#ffff9a
#ffffb3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ecd31d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ECD31D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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