#7CB964 Information

#7CB964 color RGB value is (124 , 185 , 100) , HEX triplet: 7c, b9 and 64. RGB value is (124 , 185 , 100). Sum of RGB (Red+Green+Blue) = 124+185+100=409 (Red value is 124 (48.63% from 255 or 57.67% from 215); Green value is 185 (72.55% from 255 or 86.05% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 185 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #7CB964 hue: 0.29 , saturation: 0.38 and the lightness value of 7cb964 is 0.56.

#7cb964
(124 , 185 , 100)
  • R (124)
  • G (185)
  • B (100)
  • C (23.92)
  • M (0)
  • Y (33.33)
  • K (27.45)

Applying the #7cb964

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

#77b45f
#72af5a
#6daa55
#68a550
#63a04b
#5e9b46
#599641
#54913c
#4f8c37
#4a8732
#45822d
#407d28
#88c570
#94d17c
#a0dd88
#ace994
#b8f5a0
#c4ffac
#d0ffb8
#dcffc4
#e8ffd0
#f4ffdc
#ffffe8
#fffff4

Color spaces of #7cb964

Type Values
RGB 124 185 100
HSL 0.29 0.38 0.56
HSV 103 46 73
CMYK 23.92 0 33.33 27.45
XYZ 27.9614 39.9031 18.2849
Hunter Lab 63.1689 -31.5331 27.0613
CIE-Lab 69.4005 -35.5658 36.9001

Base Numbers

BaseRedGreenBlue
Decimal 124 185 100
Binary 1111100 10111001 1100100
Octal 174 271 144
Hex 7C B9 64

Monochromatic Colors

#95d27d
#aeeb96
#c7ffaf
#e0ffc8
#f9ffe1
#fffffa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7cb964 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7CB964 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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