#3FDBE9

#3FDBE9

Color Values

HEX

#3FDBE9

RGB

63, 219, 233

HSL

184.9, 79.4%, 58.0%

HSV

184.9, 73.0%, 91.4%

CMYK

73.0%, 6.0%, 0.0%, 8.6%

OKLCH

0.8186 0.1261 204.0

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#3FDBE9

#E94D3F

Analogous

#3FE9A2

#3F86E9

#3FDBE9

Triadic

#3FDBE9

#E93FDB

#DBE93F

Split Complementary

#3FDBE9

#E93F86

#E9A23F

Tetradic

#3FDBE9

#A23FE9

#E94D3F

#86E93F

Color Blindness Simulation

Original

#3FDBE9

Protanopia

#8384E6

Deuteranopia

#7A6EE5

Tritanopia

#47E3E2

Achromatopsia

#BBBBBB

CSS Usage

background-color: #3FDBE9;
color: #3FDBE9;
border-color: #3FDBE9;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F7F9
200
#BFF3F8
300
#91EAF2
400
#56DFEC
500
#1AD4E5
600
#15AAB7
700
#118892
800
#0D6A72
900
#0E4D53
950
#093134

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026