#AB8E52 Information

#AB8E52 color RGB value is (171 , 142 , 82) , HEX triplet: ab, 8e and 52. RGB value is (171 , 142 , 82). Sum of RGB (Red+Green+Blue) = 171+142+82=395 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 82 (32.16% from 255 or 38.14% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB8E52 hue: 0.11 , saturation: 0.35 and the lightness value of ab8e52 is 0.5.

#ab8e52
(171 , 142 , 82)
  • R (171)
  • G (142)
  • B (82)
  • C (0)
  • M (11.37)
  • Y (34.9)
  • K (32.94)

Applying the #ab8e52

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

#a6894d
#a18448
#9c7f43
#977a3e
#927539
#8d7034
#886b2f
#83662a
#7e6125
#795c20
#74571b
#6f5216
#b79a5e
#c3a66a
#cfb276
#dbbe82
#e7ca8e
#f3d69a
#ffe2a6
#ffeeb2
#fffabe
#ffffca
#ffffd6
#ffffe2

Color spaces of #ab8e52

Type Values
RGB 171 142 82
HSL 0.11 0.35 0.5
HSV 40 52 67
CMYK 0 11.37 34.9 32.94
XYZ 27.9906 28.6131 12.0303
Hunter Lab 53.4912 -0.205 24.1134
CIE-Lab 60.4387 3.1783 35.8209

Base Numbers

BaseRedGreenBlue
Decimal 171 142 82
Binary 10101011 10001110 1010010
Octal 253 216 122
Hex AB 8E 52

Monochromatic Colors

#c4a76b
#ddc084
#f6d99d
#fff2b6
#ffffcf
#ffffe8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab8e52 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB8E52 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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