#3ED9FF

#3ED9FF

Color Values

HEX

#3ED9FF

RGB

62, 217, 255

HSL

191.8, 100.0%, 62.2%

HSV

191.8, 75.7%, 100.0%

CMYK

75.7%, 14.9%, 0.0%, 0.0%

OKLCH

0.8223 0.1343 218.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#3ED9FF

#FF643E

Analogous

#3EFFC5

#3E79FF

#3ED9FF

Triadic

#3ED9FF

#FF3ED9

#D9FF3E

Split Complementary

#3ED9FF

#FF3E79

#FFC53E

Tetradic

#3ED9FF

#C53EFF

#FF643E

#79FF3E

Color Blindness Simulation

Original

#3ED9FF

Protanopia

#8182F6

Deuteranopia

#786CF4

Tritanopia

#46EFED

Achromatopsia

#BBBBBB

CSS Usage

background-color: #3ED9FF;
color: #3ED9FF;
border-color: #3ED9FF;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8F1FF
300
#85E7FF
400
#42DAFF
500
#00CDFF
600
#00A4CC
700
#0083A3
800
#006680
900
#054B5C
950
#032F3A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026