#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

Фев 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026