#776F93 Information

#776F93 color RGB value is (119 , 111 , 147) , HEX triplet: 77, 6f and 93. RGB value is (119 , 111 , 147). Sum of RGB (Red+Green+Blue) = 119+111+147=377 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 147 (57.65% from 255 or 68.37% from 215); Max value from RGB is 147 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #776F93 hue: 0.7 , saturation: 0.14 and the lightness value of 776f93 is 0.51.

#776f93
(119 , 111 , 147)
  • R (119)
  • G (111)
  • B (147)
  • C (10.98)
  • M (14.12)
  • Y (0)
  • K (42.35)

Applying the #776f93

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

#726a8e
#6d6589
#686084
#635b7f
#5e567a
#595175
#544c70
#4f476b
#4a4266
#453d61
#40385c
#3b3357
#837b9f
#8f87ab
#9b93b7
#a79fc3
#b3abcf
#bfb7db
#cbc3e7
#d7cff3
#e3dbff
#efe7ff
#fbf3ff
#ffffff

Color spaces of #776f93

Type Values
RGB 119 111 147
HSL 0.7 0.14 0.51
HSV 253 24 58
CMYK 10.98 14.12 0 42.35
XYZ 18.5586 17.3974 29.9837
Hunter Lab 41.7102 6.4296 -13.4088
CIE-Lab 48.7569 10.9475 -18.4684

Base Numbers

BaseRedGreenBlue
Decimal 119 111 147
Binary 1110111 1101111 10010011
Octal 167 157 223
Hex 77 6F 93

Monochromatic Colors

#9088ac
#a9a1c5
#c2bade
#dbd3f7
#f4ecff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#776f93 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#776F93 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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