#A4AD71 Information

#A4AD71 color RGB value is (164 , 173 , 113) , HEX triplet: a4, ad and 71. RGB value is (164 , 173 , 113). Sum of RGB (Red+Green+Blue) = 164+173+113=450 (Red value is 164 (64.31% from 255 or 76.28% from 215); Green value is 173 (67.84% from 255 or 80.47% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 173 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #A4AD71 hue: 0.19 , saturation: 0.27 and the lightness value of a4ad71 is 0.56.

#a4ad71
(164 , 173 , 113)
  • R (164)
  • G (173)
  • B (113)
  • C (3.53)
  • M (0)
  • Y (23.53)
  • K (32.16)

Applying the #a4ad71

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

#9fa86c
#9aa367
#959e62
#90995d
#8b9458
#868f53
#818a4e
#7c8549
#778044
#727b3f
#6d763a
#687135
#b0b97d
#bcc589
#c8d195
#d4dda1
#e0e9ad
#ecf5b9
#f8ffc5
#ffffd1
#ffffdd
#ffffe9
#fffff5
#ffffff

Color spaces of #a4ad71

Type Values
RGB 164 173 113
HSL 0.19 0.27 0.56
HSV 69 35 68
CMYK 3.53 0 23.53 32.16
XYZ 33.234 38.9719 21.3935
Hunter Lab 62.4275 -14.2211 23.3874
CIE-Lab 68.7309 -12.9689 29.817

Base Numbers

BaseRedGreenBlue
Decimal 164 173 113
Binary 10100100 10101101 1110001
Octal 244 255 161
Hex A4 AD 71

Monochromatic Colors

#bdc68a
#d6dfa3
#eff8bc
#ffffd5
#ffffee
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a4ad71 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A4AD71 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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