#AB481F Information

#AB481F color RGB value is (171 , 72 , 31) , HEX triplet: ab, 48 and 1f. RGB value is (171 , 72 , 31). Sum of RGB (Red+Green+Blue) = 171+72+31=274 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 31 (12.16% from 255 or 14.42% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB481F hue: 0.05 , saturation: 0.69 and the lightness value of ab481f is 0.4.

#ab481f
(171 , 72 , 31)
  • R (171)
  • G (72)
  • B (31)
  • C (0)
  • M (38.82)
  • Y (54.9)
  • K (32.94)

Applying the #ab481f

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

#a6431a
#a13e15
#9c3910
#97340b
#922f06
#8d2a01
#882500
#832000
#7e1b00
#791600
#741100
#6f0c00
#b7542b
#c36037
#cf6c43
#db784f
#e7845b
#f39067
#ff9c73
#ffa87f
#ffb48b
#ffc097
#ffcca3
#ffd8af

Color spaces of #ab481f

Type Values
RGB 171 72 31
HSL 0.05 0.69 0.4
HSV 18 82 67
CMYK 0 38.82 54.9 32.94
XYZ 19.3593 13.3916 2.8608
Hunter Lab 36.5945 30.39 20.9822
CIE-Lab 43.3474 38.3769 42.8657

Base Numbers

BaseRedGreenBlue
Decimal 171 72 31
Binary 10101011 1001000 11111
Octal 253 110 37
Hex AB 48 1F

Monochromatic Colors

#c46138
#dd7a51
#f6936a
#ffac83
#ffc59c
#ffdeb5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab481f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB481F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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