#ECCC2A Information

#ECCC2A color RGB value is (236 , 204 , 42) , HEX triplet: ec, cc and 2a. RGB value is (236 , 204 , 42). Sum of RGB (Red+Green+Blue) = 236+204+42=482 (Red value is 236 (92.55% from 255 or 109.77% from 215); Green value is 204 (80% from 255 or 94.88% from 215); Blue value is 42 (16.47% from 255 or 19.53% from 215); Max value from RGB is 236 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #ECCC2A hue: 0.14 , saturation: 0.84 and the lightness value of eccc2a is 0.55.

#eccc2a
(236 , 204 , 42)
  • R (236)
  • G (204)
  • B (42)
  • C (0)
  • M (12.55)
  • Y (76.08)
  • K (7.45)

Applying the #eccc2a

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

#e7c725
#e2c220
#ddbd1b
#d8b816
#d3b311
#ceae0c
#c9a907
#c4a402
#bf9f00
#ba9a00
#b59500
#b09000
#f8d836
#ffe442
#fff04e
#fffc5a
#ffff66
#ffff72
#ffff7e
#ffff8a
#ffff96
#ffffa2
#ffffae
#ffffba

Color spaces of #eccc2a

Type Values
RGB 236 204 42
HSL 0.14 0.84 0.55
HSV 50 82 93
CMYK 0 12.55 76.08 7.45
XYZ 56.6029 61.1858 11.0172
Hunter Lab 78.2213 -7.72 46.4058
CIE-Lab 82.4785 -3.8111 76.5938

Base Numbers

BaseRedGreenBlue
Decimal 236 204 42
Binary 11101100 11001100 101010
Octal 354 314 52
Hex EC CC 2A

Monochromatic Colors

#ffe543
#fffe5c
#ffff75
#ffff8e
#ffffa7
#ffffc0

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#eccc2a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ECCC2A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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