#2F7244

#2F7244

Color Values

HEX

#2F7244

RGB

47, 114, 68

HSL

138.8, 41.6%, 31.6%

HSV

138.8, 58.8%, 44.7%

CMYK

58.8%, 0.0%, 40.4%, 55.3%

OKLCH

0.4961 0.1002 151.3

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#2F7244

#722F5D

Analogous

#3C722F

#2F7266

#2F7244

Triadic

#2F7244

#442F72

#72442F

Split Complementary

#2F7244

#662F72

#722F3C

Tetradic

#2F7244

#2F3C72

#722F5D

#72662F

Color Blindness Simulation

Original

#2F7244

Protanopia

#4C4D4F

Deuteranopia

#484352

Tritanopia

#32585A

Achromatopsia

#606060

CSS Usage

background-color: #2F7244;
color: #2F7244;
border-color: #2F7244;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF6
100
#E7F3EB
200
#CCEAD6
300
#A8DBB8
400
#79C892
500
#4AB56C
600
#3C9056
700
#307445
800
#255A36
900
#1E432A
950
#132A1A

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026