#96C418 Information

#96C418 color RGB value is (150 , 196 , 24) , HEX triplet: 96, c4 and 18. RGB value is (150 , 196 , 24). Sum of RGB (Red+Green+Blue) = 150+196+24=370 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 196 (76.86% from 255 or 91.16% from 215); Blue value is 24 (9.41% from 255 or 11.16% from 215); Max value from RGB is 196 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #96C418 hue: 0.21 , saturation: 0.78 and the lightness value of 96c418 is 0.43.

#96c418
(150 , 196 , 24)
  • R (150)
  • G (196)
  • B (24)
  • C (18.04)
  • M (0)
  • Y (67.45)
  • K (23.14)

Applying the #96c418

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

#91bf13
#8cba0e
#87b509
#82b004
#7dab00
#78a600
#73a100
#6e9c00
#699700
#649200
#5f8d00
#5a8800
#a2d024
#aedc30
#bae83c
#c6f448
#d2ff54
#deff60
#eaff6c
#f6ff78
#ffff84
#ffff90
#ffff9c
#ffffa8

Color spaces of #96c418

Type Values
RGB 150 196 24
HSL 0.21 0.78 0.43
HSV 76 88 77
CMYK 18.04 0 67.45 23.14
XYZ 32.4825 46.0298 8.0368
Hunter Lab 67.8453 -33.2679 40.4698
CIE-Lab 73.5649 -36.4807 70.5269

Base Numbers

BaseRedGreenBlue
Decimal 150 196 24
Binary 10010110 11000100 11000
Octal 226 304 30
Hex 96 C4 18

Monochromatic Colors

#afdd31
#c8f64a
#e1ff63
#faff7c
#ffff95
#ffffae

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#96c418 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#96C418 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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