#2FAF72

#2FAF72

Color Values

HEX

#2FAF72

RGB

47, 175, 114

HSL

151.4, 57.7%, 43.5%

HSV

151.4, 73.1%, 68.6%

CMYK

73.1%, 0.0%, 34.9%, 31.4%

OKLCH

0.6706 0.1425 157.5

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#2FAF72

#AF2F6C

Analogous

#2FAF32

#2FACAF

#2FAF72

Triadic

#2FAF72

#722FAF

#AF722F

Split Complementary

#2FAF72

#AF2FAC

#AF322F

Tetradic

#2FAF72

#322FAF

#AF2F6C

#ACAF2F

Color Blindness Simulation

Original

#2FAF72

Protanopia

#666881

Deuteranopia

#5F5584

Tritanopia

#358C8F

Achromatopsia

#8F8F8F

CSS Usage

background-color: #2FAF72;
color: #2FAF72;
border-color: #2FAF72;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF8
100
#E4F6EE
200
#C7F0DC
300
#9EE5C3
400
#6AD7A3
500
#36C983
600
#2BA169
700
#238154
800
#1B6541
900
#174A32
950
#0F2E1F

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026