#766C76 Information

#766C76 color RGB value is (118 , 108 , 118) , HEX triplet: 76, 6c and 76. RGB value is (118 , 108 , 118). Sum of RGB (Red+Green+Blue) = 118+108+118=344 (Red value is 118 (46.27% from 255 or 54.88% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 118 (46.27% from 255 or 54.88% from 215); Max value from RGB is 118 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #766C76 hue: 0.83 , saturation: 0.04 and the lightness value of 766c76 is 0.44.

#766c76
(118 , 108 , 118)
  • R (118)
  • G (108)
  • B (118)
  • C (0)
  • M (3.92)
  • Y (0)
  • K (53.73)

Applying the #766c76

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

#716771
#6c626c
#675d67
#625862
#5d535d
#584e58
#534953
#4e444e
#493f49
#443a44
#3f353f
#3a303a
#827882
#8e848e
#9a909a
#a69ca6
#b2a8b2
#beb4be
#cac0ca
#d6ccd6
#e2d8e2
#eee4ee
#faf0fa
#fffcff

Color spaces of #766c76

Type Values
RGB 118 108 118
HSL 0.83 0.04 0.44
HSV 300 8 46
CMYK 0 3.92 0 53.73
XYZ 16.1038 15.8847 19.3568
Hunter Lab 39.8556 2.3764 -0.8867
CIE-Lab 46.8228 5.8848 -4.1422

Base Numbers

BaseRedGreenBlue
Decimal 118 108 118
Binary 1110110 1101100 1110110
Octal 166 154 166
Hex 76 6C 76

Monochromatic Colors

#8f858f
#a89ea8
#c1b7c1
#dad0da
#f3e9f3
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#766c76 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#766C76 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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