#5ABFE7

#5ABFE7

Color Values

HEX

#5ABFE7

RGB

90, 191, 231

HSL

197.0, 74.6%, 62.9%

HSV

197.0, 61.0%, 90.6%

CMYK

61.0%, 17.3%, 0.0%, 9.4%

OKLCH

0.7601 0.1097 226.9

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#5ABFE7

#E7825A

Analogous

#5AE7C8

#5A78E7

#5ABFE7

Triadic

#5ABFE7

#E75ABF

#BFE75A

Split Complementary

#5ABFE7

#E75A78

#E7C85A

Tetradic

#5ABFE7

#C85AE7

#E7825A

#78E75A

Color Blindness Simulation

Original

#5ABFE7

Protanopia

#8687DD

Deuteranopia

#8078DB

Tritanopia

#5FD6D4

Achromatopsia

#ACACAC

CSS Usage

background-color: #5ABFE7;
color: #5ABFE7;
border-color: #5ABFE7;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2F9FC
100
#E2F2F8
200
#C1E7F6
300
#94D6EF
400
#5ABFE7
500
#20A9DF
600
#1A87B2
700
#156C8E
800
#10546F
900
#103F51
950
#0A2833

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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