#313A22

Dark Green

HEX

RGB

HSL

About #313A22 Dark Green

#313A22 is a dark green color. In the RGB color model, it is composed of 49 red, 58 green, and 34 blue. In the HSL color space, it has a hue of 83°, saturation of 26%, and lightness of 18%.

This color has a low lightness value, making it a dark color great for text and bold accents. With low saturation, it appears muted and subtle.

CSS Code & Gradients

Use #313A22 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

83°

Hue

26%

Saturation

18%

Lightness

Dark Green

Color Harmonies

Colors that work well with #313A22 based on color theory.

Accessibility

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

Aa#313A22 on White
Contrast Ratio11.94:1
AA AA Large AAA
Aa#313A22 on Black
Contrast Ratio1.76:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #313A22 across different color formats.

FormatValue
HEX#313A22
RGBrgb(49, 58, 34)
HSLhsl(83, 26%, 18%)
RGB Decimal49, 58, 34
RGB Percent19.2%, 22.7%, 13.3%
CMYK (approx.)16%, 0%, 41%, 77%

Related Palettes

12 palettes using #313A22 or similar colors

#182211#304422#447623#5C9A32
#172013#31462A#4E6945#69905B
#192112#36442C#546D41#729159
#13240F#2F4828#486F3E#52B03B
#12250E#2D4927#496C42#4FAF3C
#0F250E#2A4729#3D723B#4E9F4C
#182013#344A26#4E822C#6DA149
#1E280B#3A481E#5B7722#738D3F
#0F2410#2A462C#347A37#58935B
#18250E#364A26#556945#719D4E
#16250E#324B25#4F723B#64AF3C
#152211#2D4B25#407D31#609852