#3FE6DF

#3FE6DF

Color Values

HEX

#3FE6DF

RGB

63, 230, 223

HSL

177.5, 77.0%, 57.5%

HSV

177.5, 72.6%, 90.2%

CMYK

72.6%, 0.0%, 3.0%, 9.8%

OKLCH

0.8413 0.1321 190.7

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#3FE6DF

#E63F46

Analogous

#3FE68C

#3F9AE6

#3FE6DF

Triadic

#3FE6DF

#DF3FE6

#E6DF3F

Split Complementary

#3FE6DF

#E63F9A

#E68C3F

Tetradic

#3FE6DF

#8C3FE6

#E63F46

#9AE63F

Color Blindness Simulation

Original

#3FE6DF

Protanopia

#8789E1

Deuteranopia

#7E71E1

Tritanopia

#47E2E2

Achromatopsia

#C2C2C2

CSS Usage

background-color: #3FE6DF;
color: #3FE6DF;
border-color: #3FE6DF;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#C0F7F4
300
#93F1ED
400
#58E9E3
500
#1DE2D9
600
#17B5AE
700
#13908B
800
#0F716D
900
#0F524F
950
#093432

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.6:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026