#3FC0AF

#3FC0AF

Color Values

HEX

#3FC0AF

RGB

63, 192, 175

HSL

172,1, 50,6%, 50,0%

HSV

172,1, 67,2%, 75,3%

CMYK

67,2%, 0,0%, 8,9%, 24,7%

OKLCH

0,7338 0,1136 182,6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#3FC0AF

#C03F50

Analogous

#3FC06F

#3F90C0

#3FC0AF

Triadic

#3FC0AF

#AF3FC0

#C0AF3F

Split Complementary

#3FC0AF

#C03F90

#C06F3F

Tetradic

#3FC0AF

#6F3FC0

#C03F50

#90C03F

Color Blindness Simulation

Original

#3FC0AF

Protanopia

#7778B3

Deuteranopia

#6F66B4

Tritanopia

#45B6B7

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EDE9
300
#A3E1D9
400
#71D0C4
500
#3FC0AF
600
#329A8C
700
#287B70
800
#1F6058
900
#1A4741
950
#112D29

Contrast Checker

Text on white

2,24:1

AA Fail AAA Fail

Text on black

9,37: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