#DDAD74 Information

#DDAD74 color RGB value is (221 , 173 , 116) , HEX triplet: dd, ad and 74. RGB value is (221 , 173 , 116). Sum of RGB (Red+Green+Blue) = 221+173+116=510 (Red value is 221 (86.67% from 255 or 102.79% from 215); Green value is 173 (67.84% from 255 or 80.47% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 221 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DDAD74 hue: 0.09 , saturation: 0.61 and the lightness value of ddad74 is 0.66.

#ddad74
(221 , 173 , 116)
  • R (221)
  • G (173)
  • B (116)
  • C (0)
  • M (18.82)
  • Y (41.18)
  • K (13.33)

Applying the #ddad74

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

#d8a86f
#d3a36a
#ce9e65
#c99960
#c4945b
#bf8f56
#ba8a51
#b5854c
#b08047
#ab7b42
#a6763d
#a17138
#e9b980
#f5c58c
#ffd198
#ffdda4
#ffe9b0
#fff5bc
#ffffc8
#ffffd4
#ffffe0
#ffffec
#fffff8
#ffffff

Color spaces of #ddad74

Type Values
RGB 221 173 116
HSL 0.09 0.61 0.66
HSV 33 48 87
CMYK 0 18.82 41.18 13.33
XYZ 47.9147 46.5202 22.9769
Hunter Lab 68.2058 6.037 27.7768
CIE-Lab 73.8818 10.5146 35.8974

Base Numbers

BaseRedGreenBlue
Decimal 221 173 116
Binary 11011101 10101101 1110100
Octal 335 255 164
Hex DD AD 74

Monochromatic Colors

#f6c68d
#ffdfa6
#fff8bf
#ffffd8
#fffff1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ddad74 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DDAD74 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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