#5ABFE8

#5ABFE8

Color Values

HEX

#5ABFE8

RGB

90, 191, 232

HSL

197.3, 75.5%, 63.1%

HSV

197.3, 61.2%, 91.0%

CMYK

61.2%, 17.7%, 0.0%, 9.0%

OKLCH

0.7605 0.1104 227.6

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#5ABFE8

#E8835A

Analogous

#5AE8CA

#5A78E8

#5ABFE8

Triadic

#5ABFE8

#E85ABF

#BFE85A

Split Complementary

#5ABFE8

#E85A78

#E8CA5A

Tetradic

#5ABFE8

#CA5AE8

#E8835A

#78E85A

Color Blindness Simulation

Original

#5ABFE8

Protanopia

#8687DE

Deuteranopia

#8078DC

Tritanopia

#5FD6D5

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F2F9FC
100
#E2F2F9
200
#C0E7F6
300
#94D5F0
400
#59BFE8
500
#1FA8E0
600
#1987B3
700
#146C8F
800
#105470
900
#103E51
950
#0A2733

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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