#2AD4D5

#2AD4D5

Color Values

HEX

#2AD4D5

RGB

42, 212, 213

HSL

180.4, 67.1%, 50.0%

HSV

180.4, 80.3%, 83.5%

CMYK

80.3%, 0.5%, 0.0%, 16.5%

OKLCH

0.7912 0.1282 195.5

Properties

Cool Light Nearest: darkturquoise

Color Harmonies

Complementary

#2AD4D5

#D52B2A

Analogous

#2AD581

#2A7ED5

#2AD4D5

Triadic

#2AD4D5

#D52AD4

#D4D52A

Split Complementary

#2AD4D5

#D52A7E

#D5812A

Tetradic

#2AD4D5

#812AD5

#D52B2A

#7ED52A

Color Blindness Simulation

Original

#2AD4D5

Protanopia

#7475D5

Deuteranopia

#6A5DD5

Tritanopia

#32D5D5

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#99EAEB
400
#61DFE0
500
#2AD4D5
600
#22AAAA
700
#1B8888
800
#156A6B
900
#134D4E
950
#0C3131

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.48:1

AA Pass AAA Pass

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