#AB8370 Information

#AB8370 color RGB value is (171 , 131 , 112) , HEX triplet: ab, 83 and 70. RGB value is (171 , 131 , 112). Sum of RGB (Red+Green+Blue) = 171+131+112=414 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 131 (51.37% from 255 or 60.93% from 215); Blue value is 112 (43.92% from 255 or 52.09% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB8370 hue: 0.05 , saturation: 0.26 and the lightness value of ab8370 is 0.55.

#ab8370
(171 , 131 , 112)
  • R (171)
  • G (131)
  • B (112)
  • C (0)
  • M (15.69)
  • Y (23.14)
  • K (32.94)

Applying the #ab8370

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

#a67e6b
#a17966
#9c7461
#976f5c
#926a57
#8d6552
#88604d
#835b48
#7e5643
#79513e
#744c39
#6f4734
#b78f7c
#c39b88
#cfa794
#dbb3a0
#e7bfac
#f3cbb8
#ffd7c4
#ffe3d0
#ffefdc
#fffbe8
#fffff4
#ffffff

Color spaces of #ab8370

Type Values
RGB 171 131 112
HSL 0.05 0.26 0.55
HSV 19 35 67
CMYK 0 15.69 23.14 32.94
XYZ 27.8355 26.0604 18.8923
Hunter Lab 51.0494 7.9939 13.7998
CIE-Lab 58.0943 12.6679 16.1983

Base Numbers

BaseRedGreenBlue
Decimal 171 131 112
Binary 10101011 10000011 1110000
Octal 253 203 160
Hex AB 83 70

Monochromatic Colors

#c49c89
#ddb5a2
#f6cebb
#ffe7d4
#ffffed
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab8370 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB8370 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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