#779CFA Information

#779CFA color RGB value is (119 , 156 , 250) , HEX triplet: 77, 9c and fa. RGB value is (119 , 156 , 250). Sum of RGB (Red+Green+Blue) = 119+156+250=525 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 156 (61.18% from 255 or 72.56% 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 #779CFA hue: 0.62 , saturation: 0.93 and the lightness value of 779cfa is 0.72.

#779cfa
(119 , 156 , 250)
  • R (119)
  • G (156)
  • B (250)
  • C (51.37)
  • M (36.86)
  • Y (0)
  • K (1.96)

Applying the #779cfa

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

#7297f5
#6d92f0
#688deb
#6388e6
#5e83e1
#597edc
#5479d7
#4f74d2
#4a6fcd
#456ac8
#4065c3
#3b60be
#83a8ff
#8fb4ff
#9bc0ff
#a7ccff
#b3d8ff
#bfe4ff
#cbf0ff
#d7fcff
#e3ffff
#efffff
#fbffff
#ffffff

Color spaces of #779cfa

Type Values
RGB 119 156 250
HSL 0.62 0.93 0.72
HSV 223 52 98
CMYK 51.37 36.86 0 1.96
XYZ 36.7515 34.601 95.1841
Hunter Lab 58.8226 8.585 -54.7301
CIE-Lab 65.4368 13.2427 -50.8255

Base Numbers

BaseRedGreenBlue
Decimal 119 156 250
Binary 1110111 10011100 11111010
Octal 167 234 372
Hex 77 9C FA

Monochromatic Colors

#90b5ff
#a9ceff
#c2e7ff
#dbffff
#f4ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#779cfa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#779CFA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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