#788EFA Information

#788EFA color RGB value is (120 , 142 , 250) , HEX triplet: 78, 8e and fa. RGB value is (120 , 142 , 250). Sum of RGB (Red+Green+Blue) = 120+142+250=512 (Red value is 120 (47.06% from 255 or 55.81% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 250 (98.04% from 255 or 116.28% from 215); Max value from RGB is 250 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #788EFA hue: 0.64 , saturation: 0.93 and the lightness value of 788efa is 0.73.

#788efa
(120 , 142 , 250)
  • R (120)
  • G (142)
  • B (250)
  • C (50.98)
  • M (42.35)
  • Y (0)
  • K (1.96)

Applying the #788efa

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

#7389f5
#6e84f0
#697feb
#647ae6
#5f75e1
#5a70dc
#556bd7
#5066d2
#4b61cd
#465cc8
#4157c3
#3c52be
#849aff
#90a6ff
#9cb2ff
#a8beff
#b4caff
#c0d6ff
#cce2ff
#d8eeff
#e4faff
#f0ffff
#fcffff
#ffffff

Color spaces of #788efa

Type Values
RGB 120 142 250
HSL 0.64 0.93 0.73
HSV 230 52 98
CMYK 50.98 42.35 0 1.96
XYZ 34.674 30.2412 94.4521
Hunter Lab 54.992 16.3137 -63.303
CIE-Lab 61.8618 21.6552 -56.4979

Base Numbers

BaseRedGreenBlue
Decimal 120 142 250
Binary 1111000 10001110 11111010
Octal 170 216 372
Hex 78 8E FA

Monochromatic Colors

#91a7ff
#aac0ff
#c3d9ff
#dcf2ff
#f5ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#788efa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#788EFA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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