#5AACFF

#5AACFF

Color Values

HEX

#5AACFF

RGB

90, 172, 255

HSL

210.2, 100.0%, 67.6%

HSV

210.2, 64.7%, 100.0%

CMYK

64.7%, 32.5%, 0.0%, 0.0%

OKLCH

0.729 0.1455 250.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#5AACFF

#FFAD5A

Analogous

#5AFEFF

#5A5AFF

#5AACFF

Triadic

#5AACFF

#FF5AAC

#ACFF5A

Split Complementary

#5AACFF

#FF5A5A

#FEFF5A

Tetradic

#5AACFF

#FF5AFE

#FFAD5A

#5AFF5A

Color Blindness Simulation

Original

#5AACFF

Protanopia

#7E7EEB

Deuteranopia

#7973E6

Tritanopia

#5EDBD8

Achromatopsia

#A1A1A1

CSS Usage

background-color: #5AACFF;
color: #5AACFF;
border-color: #5AACFF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DBFF
300
#85C1FF
400
#42A0FF
500
#007FFF
600
#0065CC
700
#0051A3
800
#003F80
900
#05305C
950
#031E3A

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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