#2DF4B7

#2DF4B7

Color Values

HEX

#2DF4B7

RGB

45, 244, 183

HSL

161,6, 90,0%, 56,7%

HSV

161,6, 81,6%, 95,7%

CMYK

81,6%, 0,0%, 25,0%, 4,3%

OKLCH

0,8611 0,1712 165,9

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#2DF4B7

#F42D6A

Analogous

#2DF454

#2DCEF4

#2DF4B7

Triadic

#2DF4B7

#B72DF4

#F4B72D

Split Complementary

#2DF4B7

#F42DCE

#F4542D

Tetradic

#2DF4B7

#542DF4

#F42D6A

#CEF42D

Color Blindness Simulation

Original

#2DF4B7

Protanopia

#8385C6

Deuteranopia

#7869C9

Tritanopia

#37D1D4

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF2
200
#BBFBE8
300
#8BF9D7
400
#4CF6C1
500
#0DF2AC
600
#0AC289
700
#089B6E
800
#067956
900
#095840
950
#063728

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,74: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