#2FAD72

#2FAD72

Color Values

HEX

#2FAD72

RGB

47, 173, 114

HSL

151,9, 57,3%, 43,1%

HSV

151,9, 72,8%, 67,8%

CMYK

72,8%, 0,0%, 34,1%, 32,2%

OKLCH

0,6654 0,1398 158,0

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#2FAD72

#AD2F6A

Analogous

#2FAD33

#2FA9AD

#2FAD72

Triadic

#2FAD72

#722FAD

#AD722F

Split Complementary

#2FAD72

#AD2FA9

#AD332F

Tetradic

#2FAD72

#332FAD

#AD2F6A

#A9AD2F

Color Blindness Simulation

Original

#2FAD72

Protanopia

#666780

Deuteranopia

#5E5584

Tritanopia

#358C8E

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EE
200
#C7F0DD
300
#9FE5C4
400
#6BD7A4
500
#36C984
600
#2CA06A
700
#238055
800
#1B6442
900
#174932
950
#0F2E20

Contrast Checker

Text on white

2,86:1

AA Fail AAA Fail

Text on black

7,34:1

AA Pass AAA Pass

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