#60CEE2

#60CEE2

Color Values

HEX

#60CEE2

RGB

96, 206, 226

HSL

189.2, 69.1%, 63.1%

HSV

189.2, 57.5%, 88.6%

CMYK

57.5%, 8.8%, 0.0%, 11.4%

OKLCH

0.7947 0.1038 211.2

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#60CEE2

#E27460

Analogous

#60E2B5

#608DE2

#60CEE2

Triadic

#60CEE2

#E260CE

#CEE260

Split Complementary

#60CEE2

#E2608D

#E2B560

Tetradic

#60CEE2

#B560E2

#E27460

#8DE260

Color Blindness Simulation

Original

#60CEE2

Protanopia

#9091DD

Deuteranopia

#8981DC

Tritanopia

#65D9D8

Achromatopsia

#B8B8B8

CSS Usage

background-color: #60CEE2;
color: #60CEE2;
border-color: #60CEE2;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FAFC
100
#E3F4F8
200
#C3ECF4
300
#98DFEC
400
#5FCEE2
500
#27BDD8
600
#2097AC
700
#19798A
800
#145E6C
900
#12454F
950
#0C2C32

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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