#2AD2D2

#2AD2D2

Color Values

HEX

#2AD2D2

RGB

42, 210, 210

HSL

180,0, 66,7%, 49,4%

HSV

180,0, 80,0%, 82,4%

CMYK

80,0%, 0,0%, 0,0%, 17,6%

OKLCH

0,7854 0,1272 194,9

Properties

Cool Light Nearest: cyan 3

Color Harmonies

Complementary

#2AD2D2

#D22A2A

Analogous

#2AD27E

#2A7ED2

#2AD2D2

Triadic

#2AD2D2

#D22AD2

#D2D22A

Split Complementary

#2AD2D2

#D22A7E

#D27E2A

Tetradic

#2AD2D2

#7E2AD2

#D22A2A

#7ED22A

Color Blindness Simulation

Original

#2AD2D2

Protanopia

#7374D2

Deuteranopia

#695CD2

Tritanopia

#32D2D2

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#99EBEB
400
#62E0E0
500
#2AD5D5
600
#22AAAA
700
#1B8888
800
#156A6A
900
#134E4E
950
#0C3131

Contrast Checker

Text on white

1,87:1

AA Fail AAA Fail

Text on black

11,25:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026