#5CA9EB

#5CA9EB

Color Values

HEX

#5CA9EB

RGB

92, 169, 235

HSL

207.7, 78.1%, 64.1%

HSV

207.7, 60.9%, 92.2%

CMYK

60.9%, 28.1%, 0.0%, 7.8%

OKLCH

0.7131 0.1235 246.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5CA9EB

#EB9E5C

Analogous

#5CEBE5

#5C61EB

#5CA9EB

Triadic

#5CA9EB

#EB5CA9

#A9EB5C

Split Complementary

#5CA9EB

#EB5C61

#EBE55C

Tetradic

#5CA9EB

#E55CEB

#EB9E5C

#61EB5C

Color Blindness Simulation

Original

#5CA9EB

Protanopia

#7D7EDB

Deuteranopia

#7973D7

Tritanopia

#60CECC

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#BFDDF7
300
#92C5F2
400
#57A6EA
500
#1C87E3
600
#166CB6
700
#125691
800
#0E4472
900
#0E3353
950
#092034

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026