#2CF7A6

#2CF7A6

Color Values

HEX

#2CF7A6

RGB

44, 247, 166

HSL

156.1, 92.7%, 57.1%

HSV

156.1, 82.2%, 96.9%

CMYK

82.2%, 0.0%, 32.8%, 3.1%

OKLCH

0.8646 0.1884 159.7

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#2CF7A6

#F72C7D

Analogous

#2CF741

#2CE2F7

#2CF7A6

Triadic

#2CF7A6

#A62CF7

#F7A62C

Split Complementary

#2CF7A6

#F72CE2

#F7412C

Tetradic

#2CF7A6

#412CF7

#F72C7D

#E2F72C

Color Blindness Simulation

Original

#2CF7A6

Protanopia

#8486BA

Deuteranopia

#7869BE

Tritanopia

#36C9CC

Achromatopsia

#C6C6C6

CSS Usage

background-color: #2CF7A6;
color: #2CF7A6;
border-color: #2CF7A6;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFCE2
300
#89FBCD
400
#49F8B2
500
#09F698
600
#07C579
700
#069D61
800
#057B4C
900
#085939
950
#053824

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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