#62DFEE

#62DFEE

Color Values

HEX

#62DFEE

RGB

98, 223, 238

HSL

186.4, 80.5%, 65.9%

HSV

186.4, 58.8%, 93.3%

CMYK

58.8%, 6.3%, 0.0%, 6.7%

OKLCH

0.8389 0.112 206.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#62DFEE

#EE7162

Analogous

#62EEB7

#6299EE

#62DFEE

Triadic

#62DFEE

#EE62DF

#DFEE62

Split Complementary

#62DFEE

#EE6299

#EEB762

Tetradic

#62DFEE

#B762EE

#EE7162

#99EE62

Color Blindness Simulation

Original

#62DFEE

Protanopia

#9899EA

Deuteranopia

#9188EA

Tritanopia

#68E8E7

Achromatopsia

#C6C6C6

CSS Usage

background-color: #62DFEE;
color: #62DFEE;
border-color: #62DFEE;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FBFD
100
#E1F7F9
200
#BFF2F8
300
#91E9F3
400
#55DCED
500
#19D0E6
600
#14A7B8
700
#108593
800
#0C6873
900
#0D4C54
950
#083035

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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