#AC7216 Information

#AC7216 color RGB value is (172 , 114 , 22) , HEX triplet: ac, 72 and 16. RGB value is (172 , 114 , 22). Sum of RGB (Red+Green+Blue) = 172+114+22=308 (Red value is 172 (67.45% from 255 or 80% from 215); Green value is 114 (44.71% from 255 or 53.02% from 215); Blue value is 22 (8.63% from 255 or 10.23% from 215); Max value from RGB is 172 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AC7216 hue: 0.1 , saturation: 0.77 and the lightness value of ac7216 is 0.38.

#ac7216
(172 , 114 , 22)
  • R (172)
  • G (114)
  • B (22)
  • C (0)
  • M (22.75)
  • Y (58.82)
  • K (32.55)

Applying the #ac7216

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

#a76d11
#a2680c
#9d6307
#985e02
#935900
#8e5400
#894f00
#844a00
#7f4500
#7a4000
#753b00
#703600
#b87e22
#c48a2e
#d0963a
#dca246
#e8ae52
#f4ba5e
#ffc66a
#ffd276
#ffde82
#ffea8e
#fff69a
#ffffa6

Color spaces of #ac7216

Type Values
RGB 172 114 22
HSL 0.1 0.77 0.38
HSV 37 87 67
CMYK 0 22.75 58.82 32.55
XYZ 23.1754 20.8632 3.5646
Hunter Lab 45.6763 10.6347 27.3473
CIE-Lab 52.7995 15.8184 54.6395

Base Numbers

BaseRedGreenBlue
Decimal 172 114 22
Binary 10101100 1110010 10110
Octal 254 162 26
Hex AC 72 16

Monochromatic Colors

#c58b2f
#dea448
#f7bd61
#ffd67a
#ffef93
#ffffac

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ac7216 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AC7216 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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