#3DC2BF

#3DC2BF

Color Values

HEX

#3DC2BF

RGB

61, 194, 191

HSL

178.6, 52.2%, 50.0%

HSV

178.6, 68.6%, 76.1%

CMYK

68.6%, 0.0%, 1.5%, 23.9%

OKLCH

0.7435 0.1121 192.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3DC2BF

#C23D40

Analogous

#3DC27C

#3D83C2

#3DC2BF

Triadic

#3DC2BF

#BF3DC2

#C2BF3D

Split Complementary

#3DC2BF

#C23D83

#C27C3D

Tetradic

#3DC2BF

#7C3DC2

#C23D40

#83C23D

Color Blindness Simulation

Original

#3DC2BF

Protanopia

#7778C0

Deuteranopia

#6F65C0

Tritanopia

#44C0C0

Achromatopsia

#A6A6A6

CSS Usage

background-color: #3DC2BF;
color: #3DC2BF;
border-color: #3DC2BF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E2E0
400
#6FD2D0
500
#3DC2BF
600
#319B99
700
#277C7A
800
#1E615F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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