#228E2F

Green

HEX

RGB

HSL

About #228E2F Green

#228E2F is a green color. In the RGB color model, it is composed of 34 red, 142 green, and 47 blue. In the HSL color space, it has a hue of 127°, saturation of 61%, and lightness of 35%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

127°

Hue

61%

Saturation

35%

Lightness

Green

Color Harmonies

Colors that work well with #228E2F based on color theory.

Accessibility

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

Aa#228E2F on White
Contrast Ratio4.22:1
AA AA Large AAA
Aa#228E2F on Black
Contrast Ratio4.98:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #228E2F across different color formats.

FormatValue
HEX#228E2F
RGBrgb(34, 142, 47)
HSLhsl(127, 61%, 35%)
RGB Decimal34, 142, 47
RGB Percent13.3%, 55.7%, 18.4%
CMYK (approx.)76%, 0%, 67%, 44%

Related Palettes

12 palettes using #228E2F or similar colors

#102311#194D1C#2A6F2E#2CA034
#102311#29482A#307D34#569459
#27A538#44D49F#7ED9E7#BCD1F6
#27A53A#34E5A7#7CD9E9#BED1F4
#23A933#34E5A1#7ADEEB#C1D3F1
#28A43F#43D5A7#7DD4E8#BBCEF7
#0F2410#2A462C#347A37#58935B
#112216#2B4533#2D8146#549668
#20AC37#34E5AA#78DAED#BBCFF7
#27AA22#32E686#7DE8E5#BEDBF3
#102313#205028#347940#4C9E5A
#1EAE36#37E2A9#84D2E1#C0D1F1