#60BAE2

#60BAE2

Color Values

HEX

#60BAE2

RGB

96, 186, 226

HSL

198.5, 69.1%, 63.1%

HSV

198.5, 57.5%, 88.6%

CMYK

57.5%, 17.7%, 0.0%, 11.4%

OKLCH

0.7489 0.1035 229.3

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#60BAE2

#E28860

Analogous

#60E2C9

#6079E2

#60BAE2

Triadic

#60BAE2

#E260BA

#BAE260

Split Complementary

#60BAE2

#E26079

#E2C960

Tetradic

#60BAE2

#C960E2

#E28860

#79E260

Color Blindness Simulation

Original

#60BAE2

Protanopia

#8788D8

Deuteranopia

#827BD6

Tritanopia

#64D1CF

Achromatopsia

#AAAAAA

CSS Usage

background-color: #60BAE2;
color: #60BAE2;
border-color: #60BAE2;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FC
100
#E3F1F8
200
#C3E5F4
300
#98D2EC
400
#5FBAE2
500
#27A1D8
600
#2081AC
700
#19678A
800
#14516C
900
#123C4F
950
#0C2632

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026