#AB258C Information

#AB258C color RGB value is (171 , 37 , 140) , HEX triplet: ab, 25 and 8c. RGB value is (171 , 37 , 140). Sum of RGB (Red+Green+Blue) = 171+37+140=348 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 37 (14.51% from 255 or 17.21% from 215); Blue value is 140 (54.9% from 255 or 65.12% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB258C hue: 0.87 , saturation: 0.64 and the lightness value of ab258c is 0.41.

#ab258c
(171 , 37 , 140)
  • R (171)
  • G (37)
  • B (140)
  • C (0)
  • M (52.55)
  • Y (12.16)
  • K (32.94)

Applying the #ab258c

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

#a62087
#a11b82
#9c167d
#971178
#920c73
#8d076e
#880269
#830064
#7e005f
#79005a
#740055
#6f0050
#b73198
#c33da4
#cf49b0
#db55bc
#e761c8
#f36dd4
#ff79e0
#ff85ec
#ff91f8
#ff9dff
#ffa9ff
#ffb5ff

Color spaces of #ab258c

Type Values
RGB 171 37 140
HSL 0.87 0.64 0.41
HSV 314 78 67
CMYK 0 52.55 12.16 32.94
XYZ 22.1898 11.8745 25.9334
Hunter Lab 34.4594 54.6393 -20.4829
CIE-Lab 41.016 62.1168 -25.6704

Base Numbers

BaseRedGreenBlue
Decimal 171 37 140
Binary 10101011 100101 10001100
Octal 253 45 214
Hex AB 25 8C

Monochromatic Colors

#c43ea5
#dd57be
#f670d7
#ff89f0
#ffa2ff
#ffbbff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab258c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB258C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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