#3DF9F8

#3DF9F8

Color Values

HEX

#3DF9F8

RGB

61, 249, 248

HSL

179.7, 94.0%, 60.8%

HSV

179.7, 75.5%, 97.6%

CMYK

75.5%, 0.0%, 0.4%, 2.4%

OKLCH

0.894 0.1421 194.4

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#3DF9F8

#F93D3E

Analogous

#3DF99A

#3D9CF9

#3DF9F8

Triadic

#3DF9F8

#F83DF9

#F9F83D

Split Complementary

#3DF9F8

#F93D9C

#F99A3D

Tetradic

#3DF9F8

#9A3DF9

#F93D3E

#9CF93D

Color Blindness Simulation

Original

#3DF9F8

Protanopia

#8E90F8

Deuteranopia

#8475F8

Tritanopia

#46F8F8

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFD
300
#88FBFB
400
#48F9F8
500
#08F7F6
600
#06C6C5
700
#059E9E
800
#047C7B
900
#075959
950
#053838

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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