#776CFA Information

#776CFA color RGB value is (119 , 108 , 250) , HEX triplet: 77, 6c and fa. RGB value is (119 , 108 , 250). Sum of RGB (Red+Green+Blue) = 119+108+250=477 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 108 (42.35% from 255 or 50.23% 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 #776CFA hue: 0.68 , saturation: 0.93 and the lightness value of 776cfa is 0.7.

#776cfa
(119 , 108 , 250)
  • R (119)
  • G (108)
  • B (250)
  • C (51.37)
  • M (55.69)
  • Y (0)
  • K (1.96)

Applying the #776cfa

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

#7267f5
#6d62f0
#685deb
#6358e6
#5e53e1
#594edc
#5449d7
#4f44d2
#4a3fcd
#453ac8
#4035c3
#3b30be
#8378ff
#8f84ff
#9b90ff
#a79cff
#b3a8ff
#bfb4ff
#cbc0ff
#d7ccff
#e3d8ff
#efe4ff
#fbf0ff
#fffcff

Color spaces of #776cfa

Type Values
RGB 119 108 250
HSL 0.68 0.93 0.7
HSV 245 57 98
CMYK 51.37 55.69 0 1.96
XYZ 30.2256 21.5492 93.0088
Hunter Lab 46.4211 34.9878 -86.2549
CIE-Lab 53.5454 41.5192 -69.86

Base Numbers

BaseRedGreenBlue
Decimal 119 108 250
Binary 1110111 1101100 11111010
Octal 167 154 372
Hex 77 6C FA

Monochromatic Colors

#9085ff
#a99eff
#c2b7ff
#dbd0ff
#f4e9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#776cfa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#776CFA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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