#3FC0BA

#3FC0BA

Color Values

HEX

#3FC0BA

RGB

63, 192, 186

HSL

177.2, 50.6%, 50.0%

HSV

177.2, 67.2%, 75.3%

CMYK

67.2%, 0.0%, 3.1%, 24.7%

OKLCH

0.7374 0.1105 190.5

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#3FC0BA

#C03F45

Analogous

#3FC079

#3F86C0

#3FC0BA

Triadic

#3FC0BA

#BA3FC0

#C0BA3F

Split Complementary

#3FC0BA

#C03F86

#C0793F

Tetradic

#3FC0BA

#793FC0

#C03F45

#86C03F

Color Blindness Simulation

Original

#3FC0BA

Protanopia

#7778BB

Deuteranopia

#6F66BC

Tritanopia

#45BDBD

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EDEC
300
#A3E1DE
400
#71D0CC
500
#3FC0BA
600
#329A95
700
#287B77
800
#1F605D
900
#1A4744
950
#112D2B

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.46:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026