#2FD88E

#2FD88E

Color Values

HEX

#2FD88E

RGB

47, 216, 142

HSL

153.7, 68.4%, 51.6%

HSV

153.7, 78.2%, 84.7%

CMYK

78.2%, 0.0%, 34.3%, 15.3%

OKLCH

0.7823 0.1703 158.4

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2FD88E

#D82F79

Analogous

#2FD83A

#2FCED8

#2FD88E

Triadic

#2FD88E

#8E2FD8

#D88E2F

Split Complementary

#2FD88E

#D82FCE

#D83A2F

Tetradic

#2FD88E

#3A2FD8

#D82F79

#CED82F

Color Blindness Simulation

Original

#2FD88E

Protanopia

#787AA0

Deuteranopia

#6E62A4

Tritanopia

#37AEB1

Achromatopsia

#AFAFAF

CSS Usage

background-color: #2FD88E;
color: #2FD88E;
border-color: #2FD88E;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF8
100
#E3F8EE
200
#C3F4DE
300
#98ECC7
400
#60E1A9
500
#28D78A
600
#20AC6F
700
#1A8958
800
#146B45
900
#134E34
950
#0C3121

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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