#96C828 Information

#96C828 color RGB value is (150 , 200 , 40) , HEX triplet: 96, c8 and 28. RGB value is (150 , 200 , 40). Sum of RGB (Red+Green+Blue) = 150+200+40=390 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 200 (78.43% from 255 or 93.02% from 215); Blue value is 40 (15.69% from 255 or 18.6% from 215); Max value from RGB is 200 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #96C828 hue: 0.22 , saturation: 0.67 and the lightness value of 96c828 is 0.47.

#96c828
(150 , 200 , 40)
  • R (150)
  • G (200)
  • B (40)
  • C (19.61)
  • M (0)
  • Y (62.75)
  • K (21.57)

Applying the #96c828

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

#91c323
#8cbe1e
#87b919
#82b414
#7daf0f
#78aa0a
#73a505
#6ea000
#699b00
#649600
#5f9100
#5a8c00
#a2d434
#aee040
#baec4c
#c6f858
#d2ff64
#deff70
#eaff7c
#f6ff88
#ffff94
#ffffa0
#ffffac
#ffffb8

Color spaces of #96c828

Type Values
RGB 150 200 40
HSL 0.22 0.67 0.47
HSV 79 80 78
CMYK 19.61 0 62.75 21.57
XYZ 33.615 47.9458 9.4903
Hunter Lab 69.2429 -34.5193 40.3457
CIE-Lab 74.7907 -37.7482 67.8605

Base Numbers

BaseRedGreenBlue
Decimal 150 200 40
Binary 10010110 11001000 101000
Octal 226 310 50
Hex 96 C8 28

Monochromatic Colors

#afe141
#c8fa5a
#e1ff73
#faff8c
#ffffa5
#ffffbe

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#96c828 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#96C828 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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