#2CFFC5

#2CFFC5

Color Values

HEX

#2CFFC5

RGB

44, 255, 197

HSL

163.5, 100.0%, 58.6%

HSV

163.5, 82.7%, 100.0%

CMYK

82.7%, 0.0%, 22.7%, 0.0%

OKLCH

0.8913 0.1737 168.0

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#2CFFC5

#FF2C66

Analogous

#2CFF5B

#2CCFFF

#2CFFC5

Triadic

#2CFFC5

#C52CFF

#FFC52C

Split Complementary

#2CFFC5

#FF2CCF

#FF5B2C

Tetradic

#2CFFC5

#5B2CFF

#FF2C66

#CFFF2C

Color Blindness Simulation

Original

#2CFFC5

Protanopia

#8789D3

Deuteranopia

#7B6BD6

Tritanopia

#37DEE1

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FFEB
300
#85FFDD
400
#42FFCB
500
#00FFB9
600
#00CC94
700
#00A376
800
#00805C
900
#055C44
950
#033A2B

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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