#2DD4BF

#2DD4BF

Color Values

HEX

#2DD4BF

RGB

45, 212, 191

HSL

172.5, 66.0%, 50.4%

HSV

172.5, 78.8%, 83.1%

CMYK

78.8%, 0.0%, 9.9%, 16.9%

OKLCH

0.7845 0.1325 181.9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#2DD4BF

#D42D42

Analogous

#2DD46C

#2D95D4

#2DD4BF

Triadic

#2DD4BF

#BF2DD4

#D4BF2D

Split Complementary

#2DD4BF

#D42D95

#D46C2D

Tetradic

#2DD4BF

#6C2DD4

#D42D42

#95D42D

Color Blindness Simulation

Original

#2DD4BF

Protanopia

#7577C4

Deuteranopia

#6C5FC5

Tritanopia

#35C8C9

Achromatopsia

#AFAFAF

CSS Usage

background-color: #2DD4BF;
color: #2DD4BF;
border-color: #2DD4BF;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F3ED
300
#99EAE0
400
#62DFCF
500
#2BD4BF
600
#23A998
700
#1C877A
800
#166A5F
900
#144D46
950
#0C312C

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.28:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Teal

Teal 400

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026