#3ED8FF

#3ED8FF

Color Values

HEX

#3ED8FF

RGB

62, 216, 255

HSL

192.1, 100.0%, 62.2%

HSV

192.1, 75.7%, 100.0%

CMYK

75.7%, 15.3%, 0.0%, 0.0%

OKLCH

0.8199 0.1343 219.2

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#3ED8FF

#FF653E

Analogous

#3EFFC5

#3E78FF

#3ED8FF

Triadic

#3ED8FF

#FF3ED8

#D8FF3E

Split Complementary

#3ED8FF

#FF3E78

#FFC53E

Tetradic

#3ED8FF

#C53EFF

#FF653E

#78FF3E

Color Blindness Simulation

Original

#3ED8FF

Protanopia

#8182F6

Deuteranopia

#786CF3

Tritanopia

#46EEEC

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF6FC
200
#B8F1FF
300
#85E6FF
400
#42D9FF
500
#00CCFF
600
#00A3CC
700
#0082A3
800
#006680
900
#054A5C
950
#032F3A

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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