#3FD6D3

#3FD6D3

Color Values

HEX

#3FD6D3

RGB

63, 214, 211

HSL

178.8, 64.8%, 54.3%

HSV

178.8, 70.6%, 83.9%

CMYK

70.6%, 0.0%, 1.4%, 16.1%

OKLCH

0.799 0.1227 193.0

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3FD6D3

#D63F42

Analogous

#3FD687

#3F8DD6

#3FD6D3

Triadic

#3FD6D3

#D33FD6

#D6D33F

Split Complementary

#3FD6D3

#D63F8D

#D6873F

Tetradic

#3FD6D3

#873FD6

#D63F42

#8DD63F

Color Blindness Simulation

Original

#3FD6D3

Protanopia

#8082D4

Deuteranopia

#786CD4

Tritanopia

#47D4D4

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C4F2F2
300
#9AE9E8
400
#64DEDB
500
#2DD2CF
600
#24A8A5
700
#1D8684
800
#166967
900
#144D4C
950
#0D3030

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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