#2F7350

#2F7350

Color Values

HEX

#2F7350

RGB

47, 115, 80

HSL

149.1, 42.0%, 31.8%

HSV

149.1, 59.1%, 45.1%

CMYK

59.1%, 0.0%, 30.4%, 54.9%

OKLCH

0.5017 0.0894 158.2

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#2F7350

#732F52

Analogous

#30732F

#2F7372

#2F7350

Triadic

#2F7350

#502F73

#73502F

Split Complementary

#2F7350

#722F73

#732F30

Tetradic

#2F7350

#2F3073

#732F52

#73722F

Color Blindness Simulation

Original

#2F7350

Protanopia

#4C4D58

Deuteranopia

#48435A

Tritanopia

#325F61

Achromatopsia

#626262

CSS Usage

background-color: #2F7350;
color: #2F7350;
border-color: #2F7350;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEADB
300
#A8DCC1
400
#79C89F
500
#4AB57E
600
#3B9165
700
#2F7451
800
#255B3F
900
#1E4330
950
#132A1E

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

3.69: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