#3DD2CD

#3DD2CD

Color Values

HEX

#3DD2CD

RGB

61, 210, 205

HSL

178.0, 62.3%, 53.1%

HSV

178.0, 71.0%, 82.4%

CMYK

71.0%, 0.0%, 2.4%, 17.6%

OKLCH

0.787 0.1215 191.6

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3DD2CD

#D23D42

Analogous

#3DD282

#3D8CD2

#3DD2CD

Triadic

#3DD2CD

#CD3DD2

#D2CD3D

Split Complementary

#3DD2CD

#D23D8C

#D2823D

Tetradic

#3DD2CD

#823DD2

#D23D42

#8CD23D

Color Blindness Simulation

Original

#3DD2CD

Protanopia

#7E7FCE

Deuteranopia

#756ACE

Tritanopia

#44CFCF

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2F0
300
#9CE8E5
400
#66DBD8
500
#30CFCA
600
#26A6A1
700
#1F8481
800
#186765
900
#154C4A
950
#0D302F

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026