#2DF4C2

#2DF4C2

Color Values

HEX

#2DF4C2

RGB

45, 244, 194

HSL

164.9, 90.0%, 56.7%

HSV

164.9, 81.6%, 95.7%

CMYK

81.6%, 0.0%, 20.5%, 4.3%

OKLCH

0.8639 0.1635 170.1

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#2DF4C2

#F42D5F

Analogous

#2DF45F

#2DC3F4

#2DF4C2

Triadic

#2DF4C2

#C22DF4

#F4C22D

Split Complementary

#2DF4C2

#F42DC3

#F45F2D

Tetradic

#2DF4C2

#5F2DF4

#F42D5F

#C3F42D

Color Blindness Simulation

Original

#2DF4C2

Protanopia

#8385CE

Deuteranopia

#7869D1

Tritanopia

#37D8DA

Achromatopsia

#C6C6C6

CSS Usage

background-color: #2DF4C2;
color: #2DF4C2;
border-color: #2DF4C2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BBFBEB
300
#8BF9DD
400
#4CF6CB
500
#0DF2B8
600
#0AC294
700
#089B76
800
#06795C
900
#095844
950
#06372B

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.83:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026