#AD378B Information

#AD378B color RGB value is (173 , 55 , 139) , HEX triplet: ad, 37 and 8b. RGB value is (173 , 55 , 139). Sum of RGB (Red+Green+Blue) = 173+55+139=367 (Red value is 173 (67.84% from 255 or 80.47% from 215); Green value is 55 (21.57% from 255 or 25.58% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 173 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AD378B hue: 0.88 , saturation: 0.52 and the lightness value of ad378b is 0.45.

#ad378b
(173 , 55 , 139)
  • R (173)
  • G (55)
  • B (139)
  • C (0)
  • M (46.27)
  • Y (13.33)
  • K (32.16)

Applying the #ad378b

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

#a83286
#a32d81
#9e287c
#992377
#941e72
#8f196d
#8a1468
#850f63
#800a5e
#7b0559
#760054
#71004f
#b94397
#c54fa3
#d15baf
#dd67bb
#e973c7
#f57fd3
#ff8bdf
#ff97eb
#ffa3f7
#ffafff
#ffbbff
#ffc7ff

Color spaces of #ad378b

Type Values
RGB 173 55 139
HSL 0.88 0.52 0.45
HSV 317 68 68
CMYK 0 46.27 13.33 32.16
XYZ 23.26 13.4807 25.8022
Hunter Lab 36.7161 48.8284 -15.95
CIE-Lab 43.4788 56.3732 -21.2147

Base Numbers

BaseRedGreenBlue
Decimal 173 55 139
Binary 10101101 110111 10001011
Octal 255 67 213
Hex AD 37 8B

Monochromatic Colors

#c650a4
#df69bd
#f882d6
#ff9bef
#ffb4ff
#ffcdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ad378b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AD378B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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