#AB0027 Information

#AB0027 color RGB value is (171 , 0 , 39) , HEX triplet: ab, 0 and 27. RGB value is (171 , 0 , 39). Sum of RGB (Red+Green+Blue) = 171+0+39=210 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 0 (0% from 255 or 0% from 215); Blue value is 39 (15.29% from 255 or 18.14% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB0027 hue: 0.96 , saturation: 1 and the lightness value of ab0027 is 0.34.

#ab0027
(171 , 0 , 39)
  • R (171)
  • G (0)
  • B (39)
  • C (0)
  • M (67.06)
  • Y (51.76)
  • K (32.94)

Applying the #ab0027

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

#a60022
#a1001d
#9c0018
#970013
#92000e
#8d0009
#880004
#830000
#7e0000
#790000
#740000
#6f0000
#b70c33
#c3183f
#cf244b
#db3057
#e73c63
#f3486f
#ff547b
#ff6087
#ff6c93
#ff789f
#ff84ab
#ff90b7

Color spaces of #ab0027

Type Values
RGB 171 0 39
HSL 0.96 1 0.34
HSV 346 100 67
CMYK 0 67.06 51.76 32.94
XYZ 17.1608 8.8044 2.7144
Hunter Lab 29.6722 51.3083 15.3482
CIE-Lab 35.605 60.1632 30.5487

Base Numbers

BaseRedGreenBlue
Decimal 171 0 39
Binary 10101011 0 100111
Octal 253 0 47
Hex AB 0 27

Monochromatic Colors

#c41940
#dd3259
#f64b72
#ff648b
#ff7da4
#ff96bd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab0027 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB0027 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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