#AB502A Information

#AB502A color RGB value is (171 , 80 , 42) , HEX triplet: ab, 50 and 2a. RGB value is (171 , 80 , 42). Sum of RGB (Red+Green+Blue) = 171+80+42=293 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 80 (31.37% from 255 or 37.21% from 215); Blue value is 42 (16.47% from 255 or 19.53% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB502A hue: 0.05 , saturation: 0.61 and the lightness value of ab502a is 0.42.

#ab502a
(171 , 80 , 42)
  • R (171)
  • G (80)
  • B (42)
  • C (0)
  • M (35.69)
  • Y (50.59)
  • K (32.94)

Applying the #ab502a

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

#a64b25
#a14620
#9c411b
#973c16
#923711
#8d320c
#882d07
#832802
#7e2300
#791e00
#741900
#6f1400
#b75c36
#c36842
#cf744e
#db805a
#e78c66
#f39872
#ffa47e
#ffb08a
#ffbc96
#ffc8a2
#ffd4ae
#ffe0ba

Color spaces of #ab502a

Type Values
RGB 171 80 42
HSL 0.05 0.61 0.42
HSV 18 75 67
CMYK 0 35.69 50.59 32.94
XYZ 20.0812 14.5624 3.9429
Hunter Lab 38.1607 27.1502 20.588
CIE-Lab 45.0289 34.7411 39.0541

Base Numbers

BaseRedGreenBlue
Decimal 171 80 42
Binary 10101011 1010000 101010
Octal 253 120 52
Hex AB 50 2A

Monochromatic Colors

#c46943
#dd825c
#f69b75
#ffb48e
#ffcda7
#ffe6c0

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab502a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB502A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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