#224E36

Dark Green

HEX

RGB

HSL

About #224E36 Dark Green

#224E36 is a dark green color. In the RGB color model, it is composed of 34 red, 78 green, and 54 blue. In the HSL color space, it has a hue of 147°, saturation of 39%, and lightness of 22%.

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 #224E36 in your CSS, SCSS, or Tailwind projects.

Color Properties

147°

Hue

39%

Saturation

22%

Lightness

Dark Green

Color Harmonies

Colors that work well with #224E36 based on color theory.

Accessibility

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

Aa#224E36 on White
Contrast Ratio9.5:1
AA AA Large AAA
Aa#224E36 on Black
Contrast Ratio2.21:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #224E36 across different color formats.

FormatValue
HEX#224E36
RGBrgb(34, 78, 54)
HSLhsl(147, 39%, 22%)
RGB Decimal34, 78, 54
RGB Percent13.3%, 30.6%, 21.2%
CMYK (approx.)56%, 0%, 31%, 69%

Related Palettes

12 palettes using #224E36 or similar colors

#141F1A#224E38#446957#569475
#112218#1E5235#367852#4F9B70
#0E251A#1E5239#387558#3BAF77
#102316#264B31#3B724D#519A68
#0E251A#294738#2D8157#4C9F75
#132018#2A4735#406D51#4AA06B
#10231D#224E41#337A65#3EAC8B
#13201B#1D533F#406D5D#4E9D80
#102316#2A4633#3D714E#45A665
#0F241A#2B4539#337A58#49A277
#112216#2B4533#2D8146#549668
#112213#254B29#416C46#4D9D57