#66FDEF

#66FDEF

Color Values

HEX

#66FDEF

RGB

102, 253, 239

HSL

174.4, 97.4%, 69.6%

HSV

174.4, 59.7%, 99.2%

CMYK

59.7%, 0.0%, 5.5%, 0.8%

OKLCH

0.9097 0.1296 186.7

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#66FDEF

#FD6674

Analogous

#66FDA3

#66C0FD

#66FDEF

Triadic

#66FDEF

#EF66FD

#FDEF66

Split Complementary

#66FDEF

#FD66C0

#FDA366

Tetradic

#66FDEF

#A366FD

#FD6674

#C0FD66

Color Blindness Simulation

Original

#66FDEF

Protanopia

#A7A9F2

Deuteranopia

#9F93F3

Tritanopia

#6EF5F6

Achromatopsia

#DCDCDC

CSS Usage

background-color: #66FDEF;
color: #66FDEF;
border-color: #66FDEF;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFD
100
#DEFCF9
200
#B9FEF8
300
#86FDF2
400
#45FDEB
500
#03FCE5
600
#03C9B7
700
#02A192
800
#027E72
900
#065B53
950
#043934

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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