#777BAC Information

#777BAC color RGB value is (119 , 123 , 172) , HEX triplet: 77, 7b and ac. RGB value is (119 , 123 , 172). Sum of RGB (Red+Green+Blue) = 119+123+172=414 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 172 (67.45% from 255 or 80% from 215); Max value from RGB is 172 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #777BAC hue: 0.65 , saturation: 0.24 and the lightness value of 777bac is 0.57.

#777bac
(119 , 123 , 172)
  • R (119)
  • G (123)
  • B (172)
  • C (20.78)
  • M (19.22)
  • Y (0)
  • K (32.55)

Applying the #777bac

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

#7276a7
#6d71a2
#686c9d
#636798
#5e6293
#595d8e
#545889
#4f5384
#4a4e7f
#45497a
#404475
#3b3f70
#8387b8
#8f93c4
#9b9fd0
#a7abdc
#b3b7e8
#bfc3f4
#cbcfff
#d7dbff
#e3e7ff
#eff3ff
#fbffff
#ffffff

Color spaces of #777bac

Type Values
RGB 119 123 172
HSL 0.65 0.24 0.57
HSV 235 31 67
CMYK 20.78 19.22 0 32.55
XYZ 22.1371 21.0664 41.9292
Hunter Lab 45.8982 5.7706 -22.015
CIE-Lab 53.0221 10.1224 -26.5028

Base Numbers

BaseRedGreenBlue
Decimal 119 123 172
Binary 1110111 1111011 10101100
Octal 167 173 254
Hex 77 7B AC

Monochromatic Colors

#9094c5
#a9adde
#c2c6f7
#dbdfff
#f4f8ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#777bac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#777BAC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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