#784EDC Information

#784EDC color RGB value is (120 , 78 , 220) , HEX triplet: 78, 4e and dc. RGB value is (120 , 78 , 220). Sum of RGB (Red+Green+Blue) = 120+78+220=418 (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 220 (86.27% from 255 or 102.33% from 215); Max value from RGB is 220 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #784EDC hue: 0.72 , saturation: 0.67 and the lightness value of 784edc is 0.58.

#784edc
(120 , 78 , 220)
  • R (120)
  • G (78)
  • B (220)
  • C (39.22)
  • M (55.69)
  • Y (0)
  • K (13.73)

Applying the #784edc

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

#7349d7
#6e44d2
#693fcd
#643ac8
#5f35c3
#5a30be
#552bb9
#5026b4
#4b21af
#461caa
#4117a5
#3c12a0
#845ae8
#9066f4
#9c72ff
#a87eff
#b48aff
#c096ff
#cca2ff
#d8aeff
#e4baff
#f0c6ff
#fcd2ff
#ffdeff

Color spaces of #784edc

Type Values
RGB 120 78 220
HSL 0.72 0.67 0.58
HSV 258 65 86
CMYK 39.22 55.69 0 13.73
XYZ 23.3884 14.6092 69.2973
Hunter Lab 38.2219 42.3377 -80.6998
CIE-Lab 45.0942 49.9849 -66.6997

Base Numbers

BaseRedGreenBlue
Decimal 120 78 220
Binary 1111000 1001110 11011100
Octal 170 116 334
Hex 78 4E DC

Monochromatic Colors

#9167f5
#aa80ff
#c399ff
#dcb2ff
#f5cbff
#ffe4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#784edc Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#784EDC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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