#3FADB1

#3FADB1

Color Values

HEX

#3FADB1

RGB

63, 173, 177

HSL

182.1, 47.5%, 47.1%

HSV

182.1, 64.4%, 69.4%

CMYK

64.4%, 2.3%, 0.0%, 30.6%

OKLCH

0.6877 0.098 198.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3FADB1

#B1433F

Analogous

#3FB17C

#3F74B1

#3FADB1

Triadic

#3FADB1

#B13FAD

#ADB13F

Split Complementary

#3FADB1

#B13F74

#B17C3F

Tetradic

#3FADB1

#7C3FB1

#B1433F

#74B13F

Color Blindness Simulation

Original

#3FADB1

Protanopia

#6F70B0

Deuteranopia

#6860B0

Tritanopia

#44AFAF

Achromatopsia

#969696

CSS Usage

background-color: #3FADB1;
color: #3FADB1;
border-color: #3FADB1;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAEBEC
300
#A5DDDF
400
#74CACD
500
#43B8BC
600
#369396
700
#2B7678
800
#215C5E
900
#1C4445
950
#122B2C

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026