#5AADE7

#5AADE7

Color Values

HEX

#5AADE7

RGB

90, 173, 231

HSL

204,7, 74,6%, 62,9%

HSV

204,7, 61,0%, 90,6%

CMYK

61,0%, 25,1%, 0,0%, 9,4%

OKLCH

0,7193 0,1173 241,4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5AADE7

#E7945A

Analogous

#5AE7DB

#5A66E7

#5AADE7

Triadic

#5AADE7

#E75AAD

#ADE75A

Split Complementary

#5AADE7

#E75A66

#E7DB5A

Tetradic

#5AADE7

#DB5AE7

#E7945A

#66E75A

Color Blindness Simulation

Original

#5AADE7

Protanopia

#7E7FD9

Deuteranopia

#7973D6

Tritanopia

#5ECECB

Achromatopsia

#A0A0A0

CSS Usage

background-color: #5AADE7;
color: #5AADE7;
border-color: #5AADE7;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FC
100
#E2EFF8
200
#C1E0F6
300
#94CAEF
400
#5AADE7
500
#2090DF
600
#1A73B2
700
#155C8E
800
#10486F
900
#103651
950
#0A2233

Contrast Checker

Text on white

2,45:1

AA Fail AAA Fail

Text on black

8,57: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