#407227

Green

HEX

RGB

HSL

About #407227 Green

#407227 is a green color. In the RGB color model, it is composed of 64 red, 114 green, and 39 blue. In the HSL color space, it has a hue of 100°, saturation of 49%, and lightness of 30%.

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

Beautiful Gradients

Color Properties

100°

Hue

49%

Saturation

30%

Lightness

Green

Color Harmonies

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

Accessibility

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

Aa#407227 on White
Contrast Ratio5.75:1
AA AA Large AAA
Aa#407227 on Black
Contrast Ratio3.65:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #407227 across different color formats.

FormatValue
HEX#407227
RGBrgb(64, 114, 39)
HSLhsl(100, 49%, 30%)
RGB Decimal64, 114, 39
RGB Percent25.1%, 44.7%, 15.3%
CMYK (approx.)44%, 0%, 66%, 55%

Related Palettes

12 palettes using #407227 or similar colors

#182211#304422#447623#5C9A32
#152211#2D4B25#407D31#609852
#416732#5A8D58#79B987#AAD4BE
#132211#1E4C1A#336B2E#458D3F
#3E6633#588D5A#78BA8B#AED0C0
#446633#579452#76BC81#ABD3BC
#152211#2D4D23#467637#5AA942
#3A6633#56905C#82B093#ABD3C4
#142112#285021#427439#54A546
#122211#1F531D#3A7538#509D4E
#466534#5E8D58#7AB882#ABD4BB
#0F250E#2A4729#3D723B#4E9F4C