Forest Green

#2E6F40
RGB
46, 111, 64
HSL
137°, 41%, 31%
CMYK
59, 0, 42, 56
HSV
137°, 59%, 44%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #2E6F40 color: #2E6F40;
RGB 46, 111, 64 color: rgb(46, 111, 64);
RGB Percentage 18%, 44%, 25% color: rgb(18%, 44%, 25%);
CMYK 59%, 0%, 42%, 56% Not supported in CSS
HSL 137°, 41%, 31% color: hsl(137, 41%, 31%);
HSV 137°, 59%, 44% Not supported in CSS
CIE-LAB 25, -13, 16 color: lab(25% -13 16);
Decimal 3043136 Not supported in CSS

Color Variations

Shades

#2F6F41
#2A643B
#255934
#214E2E
#1C4327
#173821
#132D1A
#0E2114

Tints

#B5E0C1
#9CD5AC
#83CB97
#6AC183
#51B66E
#43A15E
#39884F
#2F6F41

Tones

#2F6F41
#326C42
#356944
#386645
#3C6247
#3F5F48
#425C49
#45594B

Hues

#2F6F41
#2F6D6F
#2F3D6F
#512F6F
#6F2F5D
#6F312F
#6F612F
#4D6F2F

Color Harmonies

Analogous

#3D6F2F
Click to copy
#2E6F40
Click to copy
#2F6F61
Click to copy

Complementary

#2E6F40
Click to copy
#6F2F5D
Click to copy

Split Complementary

#2E6F40
Click to copy
#612F6F
Click to copy
#6F2F3D
Click to copy
99%

Triadic

#2E6F40
Click to copy
#412F6F
Click to copy
#6F412F
Click to copy

Tetradic

#2E6F40
Click to copy
#2F3D6F
Click to copy
#6F2F5D
Click to copy
#6F612F
Click to copy

Square

#2E6F40
Click to copy
#2F3D6F
Click to copy
#6F2F5D
Click to copy
#6F612F
Click to copy

CSS & Dev Snippets

CSS
.forest-green {
  color: #2E6F40;
}
SCSS
$forest-green: #2E6F40;
RGB
rgb(46, 111, 64)

Accessibility & Contrast

White background

6.06:1
6.06
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.46:1
3.46
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags