#DCC45E Information

#DCC45E color RGB value is (220 , 196 , 94) , HEX triplet: dc, c4 and 5e. RGB value is (220 , 196 , 94). Sum of RGB (Red+Green+Blue) = 220+196+94=510 (Red value is 220 (86.27% from 255 or 102.33% from 215); Green value is 196 (76.86% from 255 or 91.16% from 215); Blue value is 94 (36.86% from 255 or 43.72% from 215); Max value from RGB is 220 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DCC45E hue: 0.13 , saturation: 0.64 and the lightness value of dcc45e is 0.62.

#dcc45e
(220 , 196 , 94)
  • R (220)
  • G (196)
  • B (94)
  • C (0)
  • M (9.41)
  • Y (49.41)
  • K (13.73)

Applying the #dcc45e

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

#d7bf59
#d2ba54
#cdb54f
#c8b04a
#c3ab45
#bea640
#b9a13b
#b49c36
#af9731
#aa922c
#a58d27
#a08822
#e8d06a
#f4dc76
#ffe882
#fff48e
#ffff9a
#ffffa6
#ffffb2
#ffffbe
#ffffca
#ffffd6
#ffffe2
#ffffee

Color spaces of #dcc45e

Type Values
RGB 220 196 94
HSL 0.13 0.64 0.62
HSV 49 57 86
CMYK 0 9.41 49.41 13.73
XYZ 51.2755 55.5037 18.6004
Hunter Lab 74.5008 -7.5225 37.3519
CIE-Lab 79.3305 -3.8766 53.3898

Base Numbers

BaseRedGreenBlue
Decimal 220 196 94
Binary 11011100 11000100 1011110
Octal 334 304 136
Hex DC C4 5E

Monochromatic Colors

#f5dd77
#fff690
#ffffa9
#ffffc2
#ffffdb
#fffff4

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#dcc45e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DCC45E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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