#9CD396

Green

HEX

RGB

HSL

About #9CD396 Green

#9CD396 is a green color. In the RGB color model, it is composed of 156 red, 211 green, and 150 blue. In the HSL color space, it has a hue of 114°, saturation of 41%, and lightness of 71%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #9CD396 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

114°

Hue

41%

Saturation

71%

Lightness

Green

Color Harmonies

Colors that work well with #9CD396 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #9CD396 against white and black backgrounds.

Aa#9CD396 on White
Contrast Ratio1.73:1
AA AA Large AAA
Aa#9CD396 on Black
Contrast Ratio12.17:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #9CD396 across different color formats.

FormatValue
HEX#9CD396
RGBrgb(156, 211, 150)
HSLhsl(114, 41%, 71%)
RGB Decimal156, 211, 150
RGB Percent61.2%, 82.7%, 58.8%
CMYK (approx.)26%, 0%, 29%, 17%

Related Palettes

12 palettes using #9CD396 or similar colors

#DAE2B6#CCD6A6#A1C298#6D8B74
#EDE8BE#D1E19E#C1E8A3#A3E49C
#A1E1A3#9EE8B9#ADE7D6#AFEBEE
#A6E1A0#BAEEC6#C4EDDB#A3ECE5
#D0F1BA#A3E59E#B9EBC7#BCECD9
#EAE5A1#D4E89C#CAF1B0#9DE898
#98E99B#B2EFC9#A3E7D3#B2E5E6
#9CEA96#B6F2C6#BDF0DC#BDF2EE
#5A6732#738A5C#8AB87A#A9D5A9
#AD901F#AEE137#97E184#BCF6CD
#D5E6AE#C4E5B1#A3E7A0#B3EFC5
#E1EFB8#CAECB2#A6E6A0#9CEDB0