#AB375F Information

#AB375F color RGB value is (171 , 55 , 95) , HEX triplet: ab, 37 and 5f. RGB value is (171 , 55 , 95). Sum of RGB (Red+Green+Blue) = 171+55+95=321 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 55 (21.57% from 255 or 25.58% from 215); Blue value is 95 (37.25% from 255 or 44.19% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB375F hue: 0.94 , saturation: 0.51 and the lightness value of ab375f is 0.44.

#ab375f
(171 , 55 , 95)
  • R (171)
  • G (55)
  • B (95)
  • C (0)
  • M (45.49)
  • Y (29.8)
  • K (32.94)

Applying the #ab375f

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

#a6325a
#a12d55
#9c2850
#97234b
#921e46
#8d1941
#88143c
#830f37
#7e0a32
#79052d
#740028
#6f0023
#b7436b
#c34f77
#cf5b83
#db678f
#e7739b
#f37fa7
#ff8bb3
#ff97bf
#ffa3cb
#ffafd7
#ffbbe3
#ffc7ef

Color spaces of #ab375f

Type Values
RGB 171 55 95
HSL 0.94 0.51 0.44
HSV 339 68 67
CMYK 0 45.49 29.8 32.94
XYZ 20.2263 12.2165 12.1185
Hunter Lab 34.9521 42.1293 3.9167
CIE-Lab 41.5582 50.4171 3.0345

Base Numbers

BaseRedGreenBlue
Decimal 171 55 95
Binary 10101011 110111 1011111
Octal 253 67 137
Hex AB 37 5F

Monochromatic Colors

#c45078
#dd6991
#f682aa
#ff9bc3
#ffb4dc
#ffcdf5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab375f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB375F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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