#A4A321 Information

#A4A321 color RGB value is (164 , 163 , 33) , HEX triplet: a4, a3 and 21. RGB value is (164 , 163 , 33). Sum of RGB (Red+Green+Blue) = 164+163+33=360 (Red value is 164 (64.31% from 255 or 76.28% from 215); Green value is 163 (63.92% from 255 or 75.81% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 164 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #A4A321 hue: 0.17 , saturation: 0.66 and the lightness value of a4a321 is 0.39.

#a4a321
(164 , 163 , 33)
  • R (164)
  • G (163)
  • B (33)
  • C (0)
  • M (0.39)
  • Y (51.37)
  • K (35.69)

Applying the #a4a321

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

#9f9e1c
#9a9917
#959412
#908f0d
#8b8a08
#868503
#818000
#7c7b00
#777600
#727100
#6d6c00
#686700
#b0af2d
#bcbb39
#c8c745
#d4d351
#e0df5d
#eceb69
#f8f775
#ffff81
#ffff8d
#ffff99
#ffffa5
#ffffb1

Color spaces of #a4a321

Type Values
RGB 164 163 33
HSL 0.17 0.66 0.39
HSV 60 80 64
CMYK 0 0.39 51.37 35.69
XYZ 28.6815 34.1967 6.5278
Hunter Lab 58.4779 -14.7876 34.3175
CIE-Lab 65.1184 -14.2779 61.5827

Base Numbers

BaseRedGreenBlue
Decimal 164 163 33
Binary 10100100 10100011 100001
Octal 244 243 41
Hex A4 A3 21

Monochromatic Colors

#bdbc3a
#d6d553
#efee6c
#ffff85
#ffff9e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a4a321 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A4A321 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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