#76C848 Information

#76C848 color RGB value is (118 , 200 , 72) , HEX triplet: 76, c8 and 48. RGB value is (118 , 200 , 72). Sum of RGB (Red+Green+Blue) = 118+200+72=390 (Red value is 118 (46.27% from 255 or 54.88% from 215); Green value is 200 (78.43% from 255 or 93.02% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 200 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #76C848 hue: 0.27 , saturation: 0.54 and the lightness value of 76c848 is 0.53.

#76c848
(118 , 200 , 72)
  • R (118)
  • G (200)
  • B (72)
  • C (32.16)
  • M (0)
  • Y (50.2)
  • K (21.57)

Applying the #76c848

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

#71c343
#6cbe3e
#67b939
#62b434
#5daf2f
#58aa2a
#53a525
#4ea020
#499b1b
#449616
#3f9111
#3a8c0c
#82d454
#8ee060
#9aec6c
#a6f878
#b2ff84
#beff90
#caff9c
#d6ffa8
#e2ffb4
#eeffc0
#faffcc
#ffffd8

Color spaces of #76c848

Type Values
RGB 118 200 72
HSL 0.27 0.54 0.53
HSV 98 64 78
CMYK 32.16 0 50.2 21.57
XYZ 29.2952 45.628 13.394
Hunter Lab 67.5485 -40.7955 35.5307
CIE-Lab 73.3035 -47.1835 54.5044

Base Numbers

BaseRedGreenBlue
Decimal 118 200 72
Binary 1110110 11001000 1001000
Octal 166 310 110
Hex 76 C8 48

Monochromatic Colors

#8fe161
#a8fa7a
#c1ff93
#daffac
#f3ffc5
#ffffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#76c848 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#76C848 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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