#AE379E Information

#AE379E color RGB value is (174 , 55 , 158) , HEX triplet: ae, 37 and 9e. RGB value is (174 , 55 , 158). Sum of RGB (Red+Green+Blue) = 174+55+158=387 (Red value is 174 (68.24% from 255 or 80.93% from 215); Green value is 55 (21.57% from 255 or 25.58% from 215); Blue value is 158 (61.96% from 255 or 73.49% from 215); Max value from RGB is 174 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AE379E hue: 0.86 , saturation: 0.52 and the lightness value of ae379e is 0.45.

#ae379e
(174 , 55 , 158)
  • R (174)
  • G (55)
  • B (158)
  • C (0)
  • M (46.67)
  • Y (6.27)
  • K (31.76)

Applying the #ae379e

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

#a93299
#a42d94
#9f288f
#9a238a
#951e85
#901980
#8b147b
#860f76
#810a71
#7c056c
#770067
#720062
#ba43aa
#c64fb6
#d25bc2
#de67ce
#ea73da
#f67fe6
#ff8bf2
#ff97fe
#ffa3ff
#ffafff
#ffbbff
#ffc7ff

Color spaces of #ae379e

Type Values
RGB 174 55 158
HSL 0.86 0.52 0.45
HSV 308 68 68
CMYK 0 46.67 6.27 31.76
XYZ 24.9933 14.1997 33.7713
Hunter Lab 37.6824 52.4479 -26.7394
CIE-Lab 44.5179 59.4774 -31.0402

Base Numbers

BaseRedGreenBlue
Decimal 174 55 158
Binary 10101110 110111 10011110
Octal 256 67 236
Hex AE 37 9E

Monochromatic Colors

#c750b7
#e069d0
#f982e9
#ff9bff
#ffb4ff
#ffcdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ae379e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AE379E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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