#5FACE2

#5FACE2

Color Values

HEX

#5FACE2

RGB

95, 172, 226

HSL

204.7, 69.3%, 62.9%

HSV

204.7, 58.0%, 88.6%

CMYK

58.0%, 23.9%, 0.0%, 11.4%

OKLCH

0.7168 0.11 241.2

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5FACE2

#E2955F

Analogous

#5FE2D6

#5F6AE2

#5FACE2

Triadic

#5FACE2

#E25FAC

#ACE25F

Split Complementary

#5FACE2

#E25F6A

#E2D65F

Tetradic

#5FACE2

#D65FE2

#E2955F

#6AE25F

Color Blindness Simulation

Original

#5FACE2

Protanopia

#8081D5

Deuteranopia

#7C76D2

Tritanopia

#63CBC8

Achromatopsia

#A0A0A0

CSS Usage

background-color: #5FACE2;
color: #5FACE2;
border-color: #5FACE2;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E0F4
300
#97C9EC
400
#5FACE2
500
#278FD8
600
#1F72AD
700
#195C8A
800
#14486C
900
#12364F
950
#0C2232

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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