#309C50

Green

HEX

RGB

HSL

About #309C50 Green

#309C50 is a green color. In the RGB color model, it is composed of 48 red, 156 green, and 80 blue. In the HSL color space, it has a hue of 138°, saturation of 53%, and lightness of 40%.

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

Beautiful Gradients

Color Properties

138°

Hue

53%

Saturation

40%

Lightness

Green

Color Harmonies

Colors that work well with #309C50 based on color theory.

Accessibility

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

Aa#309C50 on White
Contrast Ratio3.5:1
AA AA Large AAA
Aa#309C50 on Black
Contrast Ratio6:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #309C50 across different color formats.

FormatValue
HEX#309C50
RGBrgb(48, 156, 80)
HSLhsl(138, 53%, 40%)
RGB Decimal48, 156, 80
RGB Percent18.8%, 61.2%, 31.4%
CMYK (approx.)69%, 0%, 49%, 39%

Related Palettes

12 palettes using #309C50 or similar colors

#28A460#33E5DC#7EB8E7#C1C3F1
#28A43F#43D5A7#7DD4E8#BBCEF7
#0D2610#264B29#406D45#46A450
#27A53A#34E5A7#7CD9E9#BED1F4
#1ABC9C#16A085#2ECC71#27AE60
#2ECC71#27AE60#F1C40F#F39C12
#2ECC71#27AE60#E67E22#D35400
#2ECC71#27AE60#3498DB#2980B9
#2ECC71#27AE60#95A5A6#7F8C8D
#0E2519#2C4437#2C8254#549773
#1DAF4E#36E2C6#76C7EF#C0C8F1
#1EAE47#37E2BD#79CCEC#BECAF3