#A7716D Information

#A7716D color RGB value is (167 , 113 , 109) , HEX triplet: a7, 71 and 6d. RGB value is (167 , 113 , 109). Sum of RGB (Red+Green+Blue) = 167+113+109=389 (Red value is 167 (65.49% from 255 or 77.67% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 167 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #A7716D hue: 0.01 , saturation: 0.25 and the lightness value of a7716d is 0.54.

#a7716d
(167 , 113 , 109)
  • R (167)
  • G (113)
  • B (109)
  • C (0)
  • M (21.18)
  • Y (22.75)
  • K (34.51)

Applying the #a7716d

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

#a26c68
#9d6763
#98625e
#935d59
#8e5854
#89534f
#844e4a
#7f4945
#7a4440
#753f3b
#703a36
#6b3531
#b37d79
#bf8985
#cb9591
#d7a19d
#e3ada9
#efb9b5
#fbc5c1
#ffd1cd
#ffddd9
#ffe9e5
#fff5f1
#fffffd

Color spaces of #a7716d

Type Values
RGB 167 113 109
HSL 0.01 0.25 0.54
HSV 4 35 65
CMYK 0 21.18 22.75 34.51
XYZ 24.6018 21.1299 17.2498
Hunter Lab 45.9672 15.0912 9.9351
CIE-Lab 53.0913 20.8417 10.9037

Base Numbers

BaseRedGreenBlue
Decimal 167 113 109
Binary 10100111 1110001 1101101
Octal 247 161 155
Hex A7 71 6D

Monochromatic Colors

#c08a86
#d9a39f
#f2bcb8
#ffd5d1
#ffeeea
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a7716d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A7716D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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