#3FD2D2

#3FD2D2

Color Values

HEX

#3FD2D2

RGB

63, 210, 210

HSL

180.0, 62.0%, 53.5%

HSV

180.0, 70.0%, 82.4%

CMYK

70.0%, 0.0%, 0.0%, 17.6%

OKLCH

0.7891 0.1202 195.0

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3FD2D2

#D23F3F

Analogous

#3FD288

#3F88D2

#3FD2D2

Triadic

#3FD2D2

#D23FD2

#D2D23F

Split Complementary

#3FD2D2

#D23F88

#D2883F

Tetradic

#3FD2D2

#883FD2

#D23F3F

#88D23F

Color Blindness Simulation

Original

#3FD2D2

Protanopia

#7F80D2

Deuteranopia

#766BD2

Tritanopia

#46D2D2

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F7
200
#C5F1F1
300
#9CE8E8
400
#66DBDB
500
#30CFCF
600
#27A5A5
700
#1F8484
800
#186767
900
#154B4B
950
#0E3030

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.36: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