#7771AC Information

#7771AC color RGB value is (119 , 113 , 172) , HEX triplet: 77, 71 and ac. RGB value is (119 , 113 , 172). Sum of RGB (Red+Green+Blue) = 119+113+172=404 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 113 (44.31% from 255 or 52.56% 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 #7771AC hue: 0.68 , saturation: 0.26 and the lightness value of 7771ac is 0.56.

#7771ac
(119 , 113 , 172)
  • R (119)
  • G (113)
  • B (172)
  • C (20.78)
  • M (23.14)
  • Y (0)
  • K (32.55)

Applying the #7771ac

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

#726ca7
#6d67a2
#68629d
#635d98
#5e5893
#59538e
#544e89
#4f4984
#4a447f
#453f7a
#403a75
#3b3570
#837db8
#8f89c4
#9b95d0
#a7a1dc
#b3ade8
#bfb9f4
#cbc5ff
#d7d1ff
#e3ddff
#efe9ff
#fbf5ff
#ffffff

Color spaces of #7771ac

Type Values
RGB 119 113 172
HSL 0.68 0.26 0.56
HSV 246 34 67
CMYK 20.78 23.14 0 32.55
XYZ 20.9593 18.7108 41.5366
Hunter Lab 43.2559 10.7929 -26.6339
CIE-Lab 50.3471 16.0971 -30.6593

Base Numbers

BaseRedGreenBlue
Decimal 119 113 172
Binary 1110111 1110001 10101100
Octal 167 161 254
Hex 77 71 AC

Monochromatic Colors

#908ac5
#a9a3de
#c2bcf7
#dbd5ff
#f4eeff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7771ac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7771AC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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