#ABA72A Information

#ABA72A color RGB value is (171 , 167 , 42) , HEX triplet: ab, a7 and 2a. RGB value is (171 , 167 , 42). Sum of RGB (Red+Green+Blue) = 171+167+42=380 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 167 (65.49% from 255 or 77.67% from 215); Blue value is 42 (16.47% from 255 or 19.53% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #ABA72A hue: 0.16 , saturation: 0.61 and the lightness value of aba72a is 0.42.

#aba72a
(171 , 167 , 42)
  • R (171)
  • G (167)
  • B (42)
  • C (0)
  • M (1.57)
  • Y (50.59)
  • K (32.94)

Applying the #aba72a

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

#a6a225
#a19d20
#9c981b
#979316
#928e11
#8d890c
#888407
#837f02
#7e7a00
#797500
#747000
#6f6b00
#b7b336
#c3bf42
#cfcb4e
#dbd75a
#e7e366
#f3ef72
#fffb7e
#ffff8a
#ffff96
#ffffa2
#ffffae
#ffffba

Color spaces of #aba72a

Type Values
RGB 171 167 42
HSL 0.16 0.61 0.42
HSV 58 75 67
CMYK 0 1.57 50.59 32.94
XYZ 31.0312 36.4625 7.5929
Hunter Lab 60.3842 -13.9415 34.8153
CIE-Lab 66.8718 -12.9169 60.561

Base Numbers

BaseRedGreenBlue
Decimal 171 167 42
Binary 10101011 10100111 101010
Octal 253 247 52
Hex AB A7 2A

Monochromatic Colors

#c4c043
#ddd95c
#f6f275
#ffff8e
#ffffa7
#ffffc0

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#aba72a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ABA72A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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