#2FC072

#2FC072

Color Values

HEX

#2FC072

RGB

47, 192, 114

HSL

147.7, 60.7%, 46.9%

HSV

147.7, 75.5%, 75.3%

CMYK

75.5%, 0.0%, 40.6%, 24.7%

OKLCH

0.7151 0.1648 154.2

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2FC072

#C02F7D

Analogous

#35C02F

#2FC0BB

#2FC072

Triadic

#2FC072

#722FC0

#C0722F

Split Complementary

#2FC072

#BB2FC0

#C02F35

Tetradic

#2FC072

#2F35C0

#C02F7D

#C0BB2F

Color Blindness Simulation

Original

#2FC072

Protanopia

#6E6F85

Deuteranopia

#655A89

Tritanopia

#369497

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6EC
200
#C6F1DA
300
#9DE7BF
400
#67DA9C
500
#32CD7A
600
#28A461
700
#20834E
800
#19663D
900
#164B2E
950
#0E2F1D

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

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