#3FC0B4

#3FC0B4

Color Values

HEX

#3FC0B4

RGB

63, 192, 180

HSL

174.4, 50.6%, 50.0%

HSV

174.4, 67.2%, 75.3%

CMYK

67.2%, 0.0%, 6.2%, 24.7%

OKLCH

0.7354 0.1119 186.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#3FC0B4

#C03F4B

Analogous

#3FC073

#3F8CC0

#3FC0B4

Triadic

#3FC0B4

#B43FC0

#C0B43F

Split Complementary

#3FC0B4

#C03F8C

#C0733F

Tetradic

#3FC0B4

#733FC0

#C03F4B

#8CC03F

Color Blindness Simulation

Original

#3FC0B4

Protanopia

#7778B7

Deuteranopia

#6F66B8

Tritanopia

#45B9BA

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EDEA
300
#A3E1DB
400
#71D0C7
500
#3FC0B4
600
#329A90
700
#287B73
800
#1F605A
900
#1A4742
950
#112D2A

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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