#A2E396

Green

HEX

RGB

HSL

About #A2E396 Green

#A2E396 is a green color. In the RGB color model, it is composed of 162 red, 227 green, and 150 blue. In the HSL color space, it has a hue of 111°, saturation of 58%, and lightness of 74%.

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 #A2E396 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

111°

Hue

58%

Saturation

74%

Lightness

Green

Color Harmonies

Colors that work well with #A2E396 based on color theory.

Accessibility

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

Aa#A2E396 on White
Contrast Ratio1.5:1
AA AA Large AAA
Aa#A2E396 on Black
Contrast Ratio13.96:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A2E396 across different color formats.

FormatValue
HEX#A2E396
RGBrgb(162, 227, 150)
HSLhsl(111, 58%, 74%)
RGB Decimal162, 227, 150
RGB Percent63.5%, 89.0%, 58.8%
CMYK (approx.)29%, 0%, 34%, 11%

Related Palettes

12 palettes using #A2E396 or similar colors

#EDE8BE#D1E19E#C1E8A3#A3E49C
#EAE5A1#D4E89C#CAF1B0#9DE898
#A5EA99#B0E9BA#A9E6C8#9BE6DB
#D0F1BA#A3E59E#B9EBC7#BCECD9
#9CEA96#B6F2C6#BDF0DC#BDF2EE
#D5E6AE#C4E5B1#A3E7A0#B3EFC5
#A6E1A0#BAEEC6#C4EDDB#A3ECE5
#E1EFB8#CAECB2#A6E6A0#9CEDB0
#E5E0A9#DBEBAE#CAEDB1#A3ED9D
#98E99B#B2EFC9#A3E7D3#B2E5E6
#DAE2A4#D4E9BC#ACE79D#B7EFBF
#A1E1A3#9EE8B9#ADE7D6#AFEBEE