#4C8E64 Information

#4C8E64 color RGB value is (76 , 142 , 100) , HEX triplet: 4c, 8e and 64. RGB value is (76 , 142 , 100). Sum of RGB (Red+Green+Blue) = 76+142+100=318 (Red value is 76 (29.8% from 255 or 35.35% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 142 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #4C8E64 hue: 0.39 , saturation: 0.3 and the lightness value of 4c8e64 is 0.43.

#4c8e64
(76 , 142 , 100)
  • R (76)
  • G (142)
  • B (100)
  • C (25.88)
  • M (0)
  • Y (16.47)
  • K (44.31)

Applying the #4c8e64

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

#47895f
#42845a
#3d7f55
#387a50
#33754b
#2e7046
#296b41
#24663c
#1f6137
#1a5c32
#15572d
#105228
#589a70
#64a67c
#70b288
#7cbe94
#88caa0
#94d6ac
#a0e2b8
#aceec4
#b8fad0
#c4ffdc
#d0ffe8
#dcfff4

Color spaces of #4c8e64

Type Values
RGB 76 142 100
HSL 0.39 0.3 0.43
HSV 142 46 56
CMYK 25.88 0 16.47 44.31
XYZ 14.9537 21.8026 15.4768
Hunter Lab 46.6933 -24.5474 13.0397
CIE-Lab 53.8169 -31.0117 15.9974

Base Numbers

BaseRedGreenBlue
Decimal 76 142 100
Binary 1001100 10001110 1100100
Octal 114 216 144
Hex 4C 8E 64

Monochromatic Colors

#65a77d
#7ec096
#97d9af
#b0f2c8
#c9ffe1
#e2fffa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#4c8e64 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#4C8E64 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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