#A48274 Information

#A48274 color RGB value is (164 , 130 , 116) , HEX triplet: a4, 82 and 74. RGB value is (164 , 130 , 116). Sum of RGB (Red+Green+Blue) = 164+130+116=410 (Red value is 164 (64.31% from 255 or 76.28% from 215); Green value is 130 (50.98% from 255 or 60.47% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 164 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #A48274 hue: 0.05 , saturation: 0.21 and the lightness value of a48274 is 0.55.

#a48274
(164 , 130 , 116)
  • R (164)
  • G (130)
  • B (116)
  • C (0)
  • M (13.33)
  • Y (18.82)
  • K (35.69)

Applying the #a48274

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

#9f7d6f
#9a786a
#957365
#906e60
#8b695b
#866456
#815f51
#7c5a4c
#775547
#725042
#6d4b3d
#684638
#b08e80
#bc9a8c
#c8a698
#d4b2a4
#e0beb0
#eccabc
#f8d6c8
#ffe2d4
#ffeee0
#fffaec
#fffff8
#ffffff

Color spaces of #a48274

Type Values
RGB 164 130 116
HSL 0.05 0.21 0.55
HSV 18 29 64
CMYK 0 13.33 18.82 35.69
XYZ 26.4449 25.1187 19.9776
Hunter Lab 50.1186 6.4775 11.4575
CIE-Lab 57.1909 10.9375 12.5443

Base Numbers

BaseRedGreenBlue
Decimal 164 130 116
Binary 10100100 10000010 1110100
Octal 244 202 164
Hex A4 82 74

Monochromatic Colors

#bd9b8d
#d6b4a6
#efcdbf
#ffe6d8
#fffff1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a48274 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A48274 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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