#AB4000 Information

#AB4000 color RGB value is (171 , 64 , 0) , HEX triplet: ab, 40 and 0. RGB value is (171 , 64 , 0). Sum of RGB (Red+Green+Blue) = 171+64+0=235 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 64 (25.1% from 255 or 29.77% from 215); Blue value is 0 (0% from 255 or 0% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB4000 hue: 0.06 , saturation: 1 and the lightness value of ab4000 is 0.34.

#ab4000
(171 , 64 , 0)
  • R (171)
  • G (64)
  • B (0)
  • C (0)
  • M (41.96)
  • Y (67.06)
  • K (32.94)

Applying the #ab4000

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

#a63b00
#a13600
#9c3100
#972c00
#922700
#8d2200
#881d00
#831800
#7e1300
#790e00
#740900
#6f0400
#b74c0c
#c35818
#cf6424
#db7030
#e77c3c
#f38848
#ff9454
#ffa060
#ffac6c
#ffb878
#ffc484
#ffd090

Color spaces of #ab4000

Type Values
RGB 171 64 0
HSL 0.06 1 0.34
HSV 22 100 67
CMYK 0 41.96 67.06 32.94
XYZ 18.628 12.3247 1.3971
Hunter Lab 35.1066 33.2779 22.2153
CIE-Lab 41.7276 41.6069 52.708

Base Numbers

BaseRedGreenBlue
Decimal 171 64 0
Binary 10101011 1000000 0
Octal 253 100 0
Hex AB 40 0

Monochromatic Colors

#c45919
#dd7232
#f68b4b
#ffa464
#ffbd7d
#ffd696

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab4000 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB4000 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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