#60AFE2

#60AFE2

Color Values

HEX

#60AFE2

RGB

96, 175, 226

HSL

203.5, 69.1%, 63.1%

HSV

203.5, 57.5%, 88.6%

CMYK

57.5%, 22.6%, 0.0%, 11.4%

OKLCH

0.724 0.1078 239.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#60AFE2

#E29360

Analogous

#60E2D4

#606EE2

#60AFE2

Triadic

#60AFE2

#E260AF

#AFE260

Split Complementary

#60AFE2

#E2606E

#E2D460

Tetradic

#60AFE2

#D460E2

#E29360

#6EE260

Color Blindness Simulation

Original

#60AFE2

Protanopia

#8283D6

Deuteranopia

#7E78D3

Tritanopia

#64CCCA

Achromatopsia

#A2A2A2

CSS Usage

background-color: #60AFE2;
color: #60AFE2;
border-color: #60AFE2;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E1F4
300
#98CBEC
400
#5FAFE2
500
#2793D8
600
#2075AC
700
#195E8A
800
#14496C
900
#12374F
950
#0C2332

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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