#5E9DDF

#5E9DDF

Color Values

HEX

#5E9DDF

RGB

94, 157, 223

HSL

210.7, 66.8%, 62.2%

HSV

210.7, 57.8%, 87.5%

CMYK

57.8%, 29.6%, 0.0%, 12.5%

OKLCH

0.6816 0.1179 250.9

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5E9DDF

#DFA05E

Analogous

#5EDDDF

#605EDF

#5E9DDF

Triadic

#5E9DDF

#DF5E9D

#9DDF5E

Split Complementary

#5E9DDF

#DF605E

#DDDF5E

Tetradic

#5E9DDF

#DF5EDD

#DFA05E

#5EDF60

Color Blindness Simulation

Original

#5E9DDF

Protanopia

#797ACF

Deuteranopia

#7671CB

Tritanopia

#61C2C0

Achromatopsia

#949494

CSS Usage

background-color: #5E9DDF;
color: #5E9DDF;
border-color: #5E9DDF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DBF3
300
#99C1EB
400
#629FE0
500
#2A7ED5
600
#2264AA
700
#1B5088
800
#153F6A
900
#13304E
950
#0C1E31

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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