#3CC3C0

#3CC3C0

Color Values

HEX

#3CC3C0

RGB

60, 195, 192

HSL

178.7, 52.9%, 50.0%

HSV

178.7, 69.2%, 76.5%

CMYK

69.2%, 0.0%, 1.5%, 23.5%

OKLCH

0.746 0.1131 192.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3CC3C0

#C33C3F

Analogous

#3CC37D

#3C82C3

#3CC3C0

Triadic

#3CC3C0

#C03CC3

#C3C03C

Split Complementary

#3CC3C0

#C33C82

#C37D3C

Tetradic

#3CC3C0

#7D3CC3

#C33C3F

#82C33C

Color Blindness Simulation

Original

#3CC3C0

Protanopia

#7678C1

Deuteranopia

#6F64C1

Tritanopia

#43C1C1

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEED
300
#A1E2E1
400
#6FD3D0
500
#3CC3C0
600
#309C9A
700
#267D7B
800
#1E6160
900
#194847
950
#102D2D

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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