#2F4D33

#2F4D33

Color Values

HEX

#2F4D33

RGB

47, 77, 51

HSL

128.0, 24.2%, 24.3%

HSV

128.0, 39.0%, 30.2%

CMYK

39.0%, 0.0%, 33.8%, 69.8%

OKLCH

0.3886 0.0566 147.7

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#2F4D33

#4D2F49

Analogous

#3A4D2F

#2F4D42

#2F4D33

Triadic

#2F4D33

#332F4D

#4D332F

Split Complementary

#2F4D33

#422F4D

#4D2F3A

Tetradic

#2F4D33

#2F3A4D

#4D2F49

#4D422F

Color Blindness Simulation

Original

#2F4D33

Protanopia

#3C3C39

Deuteranopia

#3A383B

Tritanopia

#303E3F

Achromatopsia

#454545

CSS Usage

background-color: #2F4D33;
color: #2F4D33;
border-color: #2F4D33;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D3E4D5
300
#B3D1B7
400
#8AB790
500
#619E69
600
#4D7F54
700
#3E6543
800
#304F34
900
#263B29
950
#18251A

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026