#AFA720 Information

#AFA720 color RGB value is (175 , 167 , 32) , HEX triplet: af, a7 and 20. RGB value is (175 , 167 , 32). Sum of RGB (Red+Green+Blue) = 175+167+32=374 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 167 (65.49% from 255 or 77.67% from 215); Blue value is 32 (12.55% from 255 or 14.88% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AFA720 hue: 0.16 , saturation: 0.69 and the lightness value of afa720 is 0.41.

#afa720
(175 , 167 , 32)
  • R (175)
  • G (167)
  • B (32)
  • C (0)
  • M (3.14)
  • Y (56.08)
  • K (31.37)

Applying the #afa720

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

#aaa21b
#a59d16
#a09811
#9b930c
#968e07
#918902
#8c8400
#877f00
#827a00
#7d7500
#787000
#736b00
#bbb32c
#c7bf38
#d3cb44
#dfd750
#ebe35c
#f7ef68
#fffb74
#ffff80
#ffff8c
#ffff98
#ffffa4
#ffffb0

Color spaces of #afa720

Type Values
RGB 175 167 32
HSL 0.16 0.69 0.41
HSV 57 82 69
CMYK 0 3.14 56.08 31.37
XYZ 31.7586 36.8557 6.8065
Hunter Lab 60.7089 -12.8615 35.8502
CIE-Lab 67.1686 -11.5267 64.019

Base Numbers

BaseRedGreenBlue
Decimal 175 167 32
Binary 10101111 10100111 100000
Octal 257 247 40
Hex AF A7 20

Monochromatic Colors

#c8c039
#e1d952
#faf26b
#ffff84
#ffff9d
#ffffb6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#afa720 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AFA720 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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