#3FBCC0

#3FBCC0

Color Values

HEX

#3FBCC0

RGB

63, 188, 192

HSL

181.9, 50.6%, 50.0%

HSV

181.9, 67.2%, 75.3%

CMYK

67.2%, 2.1%, 0.0%, 24.7%

OKLCH

0.7297 0.1072 198.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#3FBCC0

#C0433F

Analogous

#3FC084

#3F7BC0

#3FBCC0

Triadic

#3FBCC0

#C03FBC

#BCC03F

Split Complementary

#3FBCC0

#C03F7B

#C0843F

Tetradic

#3FBCC0

#843FC0

#C0433F

#7BC03F

Color Blindness Simulation

Original

#3FBCC0

Protanopia

#7576BF

Deuteranopia

#6E64BF

Tritanopia

#45BEBE

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9ECED
300
#A3DFE1
400
#71CDD0
500
#3FBCC0
600
#32969A
700
#28787B
800
#1F5E60
900
#1A4547
950
#112C2D

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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