#60B3F6

#60B3F6

Color Values

HEX

#60B3F6

RGB

96, 179, 246

HSL

206.8, 89.3%, 67.1%

HSV

206.8, 61.0%, 96.5%

CMYK

61.0%, 27.2%, 0.0%, 3.5%

OKLCH

0.7422 0.1268 245.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#60B3F6

#F6A360

Analogous

#60F6EE

#6068F6

#60B3F6

Triadic

#60B3F6

#F660B3

#B3F660

Split Complementary

#60B3F6

#F66068

#F6EE60

Tetradic

#60B3F6

#EE60F6

#F6A360

#68F660

Color Blindness Simulation

Original

#60B3F6

Protanopia

#8485E6

Deuteranopia

#7F79E2

Tritanopia

#64D9D6

Achromatopsia

#A6A6A6

CSS Usage

background-color: #60B3F6;
color: #60B3F6;
border-color: #60B3F6;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BBDFFB
300
#8BC8F8
400
#4CAAF5
500
#0E8CF1
600
#0B70C1
700
#09599A
800
#074679
900
#0A3557
950
#062137

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.28:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026