#5EAEF3

#5EAEF3

Color Values

HEX

#5EAEF3

RGB

94, 174, 243

HSL

207.8, 86.1%, 66.1%

HSV

207.8, 61.3%, 95.3%

CMYK

61.3%, 28.4%, 0.0%, 4.7%

OKLCH

0.7289 0.128 246.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5EAEF3

#F3A35E

Analogous

#5EF3EE

#5E64F3

#5EAEF3

Triadic

#5EAEF3

#F35EAE

#AEF35E

Split Complementary

#5EAEF3

#F35E64

#F3EE5E

Tetradic

#5EAEF3

#EE5EF3

#F3A35E

#64F35E

Color Blindness Simulation

Original

#5EAEF3

Protanopia

#8181E2

Deuteranopia

#7C76DE

Tritanopia

#62D5D2

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEFA
300
#8DC6F6
400
#4FA7F2
500
#1288ED
600
#0E6CBE
700
#0B5798
800
#094477
900
#0B3356
950
#072036

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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