#60EEEC

#60EEEC

Color Values

HEX

#60EEEC

RGB

96, 238, 236

HSL

179.2, 80.7%, 65.5%

HSV

179.2, 59.7%, 93.3%

CMYK

59.7%, 0.0%, 0.8%, 6.7%

OKLCH

0.8723 0.1214 193.9

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#60EEEC

#EE6062

Analogous

#60EEA5

#60A9EE

#60EEEC

Triadic

#60EEEC

#EC60EE

#EEEC60

Split Complementary

#60EEEC

#EE60A9

#EEA560

Tetradic

#60EEEC

#A560EE

#EE6062

#A9EE60

Color Blindness Simulation

Original

#60EEEC

Protanopia

#9E9FEC

Deuteranopia

#958BED

Tritanopia

#67EDED

Achromatopsia

#D0D0D0

CSS Usage

background-color: #60EEEC;
color: #60EEEC;
border-color: #60EEEC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFC
100
#E1F9F9
200
#BEF8F7
300
#90F3F2
400
#55EDEB
500
#19E6E4
600
#14B8B6
700
#109392
800
#0C7372
900
#0D5453
950
#083534

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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