#77C49B Information

#77C49B color RGB value is (119 , 196 , 155) , HEX triplet: 77, c4 and 9b. RGB value is (119 , 196 , 155). Sum of RGB (Red+Green+Blue) = 119+196+155=470 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 196 (76.86% from 255 or 91.16% from 215); Blue value is 155 (60.78% from 255 or 72.09% from 215); Max value from RGB is 196 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #77C49B hue: 0.41 , saturation: 0.39 and the lightness value of 77c49b is 0.62.

#77c49b
(119 , 196 , 155)
  • R (119)
  • G (196)
  • B (155)
  • C (30.2)
  • M (0)
  • Y (16.08)
  • K (23.14)

Applying the #77c49b

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

#72bf96
#6dba91
#68b58c
#63b087
#5eab82
#59a67d
#54a178
#4f9c73
#4a976e
#459269
#408d64
#3b885f
#83d0a7
#8fdcb3
#9be8bf
#a7f4cb
#b3ffd7
#bfffe3
#cbffef
#d7fffb
#e3ffff
#efffff
#fbffff
#ffffff

Color spaces of #77c49b

Type Values
RGB 119 196 155
HSL 0.41 0.39 0.62
HSV 148 39 77
CMYK 30.2 0 16.08 23.14
XYZ 33.2641 45.7684 38.0913
Hunter Lab 67.6523 -30.6242 13.9848
CIE-Lab 73.395 -32.9666 13.2051

Base Numbers

BaseRedGreenBlue
Decimal 119 196 155
Binary 1110111 11000100 10011011
Octal 167 304 233
Hex 77 C4 9B

Monochromatic Colors

#90ddb4
#a9f6cd
#c2ffe6
#dbffff
#f4ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#77c49b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#77C49B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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