#784E9A Information

#784E9A color RGB value is (120 , 78 , 154) , HEX triplet: 78, 4e and 9a. RGB value is (120 , 78 , 154). Sum of RGB (Red+Green+Blue) = 120+78+154=352 (Red value is 120 (47.06% from 255 or 55.81% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 154 (60.39% from 255 or 71.63% from 215); Max value from RGB is 154 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #784E9A hue: 0.76 , saturation: 0.33 and the lightness value of 784e9a is 0.45.

#784e9a
(120 , 78 , 154)
  • R (120)
  • G (78)
  • B (154)
  • C (13.33)
  • M (29.8)
  • Y (0)
  • K (39.61)

Applying the #784e9a

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

#734995
#6e4490
#693f8b
#643a86
#5f3581
#5a307c
#552b77
#502672
#4b216d
#461c68
#411763
#3c125e
#845aa6
#9066b2
#9c72be
#a87eca
#b48ad6
#c096e2
#cca2ee
#d8aefa
#e4baff
#f0c6ff
#fcd2ff
#ffdeff

Color spaces of #784e9a

Type Values
RGB 120 78 154
HSL 0.76 0.33 0.45
HSV 273 49 60
CMYK 13.33 29.8 0 39.61
XYZ 16.3029 11.7749 31.9854
Hunter Lab 34.3146 24.7547 -31.2253
CIE-Lab 40.8562 32.7385 -34.9238

Base Numbers

BaseRedGreenBlue
Decimal 120 78 154
Binary 1111000 1001110 10011010
Octal 170 116 232
Hex 78 4E 9A

Monochromatic Colors

#9167b3
#aa80cc
#c399e5
#dcb2fe
#f5cbff
#ffe4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#784e9a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#784E9A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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