ForestGreen — #228B22 HEX Color

#228B22rgb(34, 139, 34)

About ForestGreen

ForestGreen (#228B22) is a cool, mid, vivid green tone with a hue of 120°, saturation of 61% and lightness of 34%. It works well for eco-friendly and finance UI and conveys a natural feeling. On a white background it reaches a contrast ratio of 4.39:1, while on black it reaches 4.78:1 — so prefer black text when using #228B22 as a background.

Color Codes

HEX#228B22

RGBrgb(34, 139, 34)

HSLhsl(120°, 61%, 34%)

CMYKcmyk(76%, 0%, 76%, 45%)

CIELABLab(50.6, -49.6, 45)

Accessibility & Contrast

On white

4.39:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

4.78:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #228B22 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #228B22;

color: #228B22;

border: 2px solid #228B22;

background: linear-gradient(135deg, #228B22, #8b228b);

Code Export

css

:root {
  --color-primary: #228b22;
  --color-primary-rgb: 34, 139, 34;
  --color-primary-hsl: 120, 61%, 34%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

Gray + Green

Brown + Green

Beige + Green

Cream + Green

Frequently Asked Questions

What is the name of color #228B22?

Color #228B22 is commonly known as ForestGreen. It is a cool, mid, vivid green tone.

Is #228B22 a warm or cool color?

ForestGreen (#228B22) is a cool color. With a hue of 120°, it falls in the green family.

What colors go well with #228B22?

Colors that pair well with ForestGreen (#228B22) include its complementary color (#8B228B), neutral whites and warm creams, and analogous green tones for harmonious palettes.