#AB3048 Information

#AB3048 color RGB value is (171 , 48 , 72) , HEX triplet: ab, 30 and 48. RGB value is (171 , 48 , 72). Sum of RGB (Red+Green+Blue) = 171+48+72=291 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 48 (18.82% from 255 or 22.33% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB3048 hue: 0.97 , saturation: 0.56 and the lightness value of ab3048 is 0.43.

#ab3048
(171 , 48 , 72)
  • R (171)
  • G (48)
  • B (72)
  • C (0)
  • M (48.24)
  • Y (38.82)
  • K (32.94)

Applying the #ab3048

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

#a62b43
#a1263e
#9c2139
#971c34
#92172f
#8d122a
#880d25
#830820
#7e031b
#790016
#740011
#6f000c
#b73c54
#c34860
#cf546c
#db6078
#e76c84
#f37890
#ff849c
#ff90a8
#ff9cb4
#ffa8c0
#ffb4cc
#ffc0d8

Color spaces of #ab3048

Type Values
RGB 171 48 72
HSL 0.97 0.56 0.43
HSV 348 72 67
CMYK 0 48.24 38.82 32.94
XYZ 19.0212 11.2397 7.2978
Hunter Lab 33.5257 42.6045 10.566
CIE-Lab 39.9813 51.1637 15.2786

Base Numbers

BaseRedGreenBlue
Decimal 171 48 72
Binary 10101011 110000 1001000
Octal 253 60 110
Hex AB 30 48

Monochromatic Colors

#c44961
#dd627a
#f67b93
#ff94ac
#ffadc5
#ffc6de

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab3048 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB3048 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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