#306C14

Green

HEX

RGB

HSL

About #306C14 Green

#306C14 is a green color. In the RGB color model, it is composed of 48 red, 108 green, and 20 blue. In the HSL color space, it has a hue of 101°, saturation of 69%, and lightness of 25%.

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

Use #306C14 in your CSS, SCSS, or Tailwind projects.

Color Properties

101°

Hue

69%

Saturation

25%

Lightness

Green

Color Harmonies

Colors that work well with #306C14 based on color theory.

Accessibility

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

Aa#306C14 on White
Contrast Ratio6.4:1
AA AA Large AAA
Aa#306C14 on Black
Contrast Ratio3.28:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #306C14 across different color formats.

FormatValue
HEX#306C14
RGBrgb(48, 108, 20)
HSLhsl(101, 69%, 25%)
RGB Decimal48, 108, 20
RGB Percent18.8%, 42.4%, 7.8%
CMYK (approx.)56%, 0%, 81%, 58%

Related Palettes

12 palettes using #306C14 or similar colors

#132211#1E4C1A#336B2E#458D3F
#102311#194D1C#2A6F2E#2CA034
#182211#304422#447623#5C9A32
#1A1F14#3B541D#5A7D31#7BAC3F
#142112#285021#427439#54A546
#152310#2D4F21#49743A#689159
#F8B400#FAD586#125C13#004600
#416732#5A8D58#79B987#AAD4BE
#3A6435#568F5E#83AF94#A9D5C5
#1E2112#46521E#616B43#8B9E4D
#192310#364C24#556845#739159
#1A2013#384C24#57713D#759555