#369E3A

Green

HEX

RGB

HSL

About #369E3A Green

#369E3A is a green color. In the RGB color model, it is composed of 54 red, 158 green, and 58 blue. In the HSL color space, it has a hue of 122°, saturation of 49%, and lightness of 42%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

122°

Hue

49%

Saturation

42%

Lightness

Green

Color Harmonies

Colors that work well with #369E3A based on color theory.

Accessibility

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

Aa#369E3A on White
Contrast Ratio3.44:1
AA AA Large AAA
Aa#369E3A on Black
Contrast Ratio6.11:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #369E3A across different color formats.

FormatValue
HEX#369E3A
RGBrgb(54, 158, 58)
HSLhsl(122, 49%, 42%)
RGB Decimal54, 158, 58
RGB Percent21.2%, 62.0%, 22.7%
CMYK (approx.)66%, 0%, 63%, 38%

Related Palettes

12 palettes using #369E3A or similar colors

#102311#194D1C#2A6F2E#2CA034
#28A43F#43D5A7#7DD4E8#BBCEF7
#27A53A#34E5A7#7CD9E9#BED1F4
#27A538#44D49F#7ED9E7#BCD1F6
#23A933#34E5A1#7ADEEB#C1D3F1
#132211#1E4C1A#336B2E#458D3F
#45A329#32E762#7BEAD0#BEE5F3
#10250E#245020#456C41#4BA842
#3EA824#35E369#79ECD5#BDE4F4
#20AC37#34E5AA#78DAED#BBCFF7
#20AC3E#36E3B2#82CEE3#BFCDF3
#0D2610#264B29#406D45#46A450