#A48821 Information

#A48821 color RGB value is (164 , 136 , 33) , HEX triplet: a4, 88 and 21. RGB value is (164 , 136 , 33). Sum of RGB (Red+Green+Blue) = 164+136+33=333 (Red value is 164 (64.31% from 255 or 76.28% from 215); Green value is 136 (53.33% from 255 or 63.26% 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 #A48821 hue: 0.13 , saturation: 0.66 and the lightness value of a48821 is 0.39.

#a48821
(164 , 136 , 33)
  • R (164)
  • G (136)
  • B (33)
  • C (0)
  • M (10.98)
  • Y (51.37)
  • K (35.69)

Applying the #a48821

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

#9f831c
#9a7e17
#957912
#90740d
#8b6f08
#866a03
#816500
#7c6000
#775b00
#725600
#6d5100
#684c00
#b0942d
#bca039
#c8ac45
#d4b851
#e0c45d
#ecd069
#f8dc75
#ffe881
#fff48d
#ffff99
#ffffa5
#ffffb1

Color spaces of #a48821

Type Values
RGB 164 136 33
HSL 0.13 0.66 0.39
HSV 47 80 64
CMYK 0 10.98 51.37 35.69
XYZ 24.3885 25.6106 5.0968
Hunter Lab 50.607 -2.5392 29.4549
CIE-Lab 57.6656 0.2015 54.9307

Base Numbers

BaseRedGreenBlue
Decimal 164 136 33
Binary 10100100 10001000 100001
Octal 244 210 41
Hex A4 88 21

Monochromatic Colors

#bda13a
#d6ba53
#efd36c
#ffec85
#ffff9e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a48821 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A48821 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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