#5B8BC7

#5B8BC7

Color Values

HEX

#5B8BC7

RGB

91, 139, 199

HSL

213.3, 49.1%, 56.9%

HSV

213.3, 54.3%, 78.0%

CMYK

54.3%, 30.2%, 0.0%, 22.0%

OKLCH

0.6282 0.1051 254.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#5B8BC7

#C7975B

Analogous

#5BC1C7

#615BC7

#5B8BC7

Triadic

#5B8BC7

#C75B8B

#8BC75B

Split Complementary

#5B8BC7

#C7615B

#C1C75B

Tetradic

#5B8BC7

#C75BC1

#C7975B

#5BC761

Color Blindness Simulation

Original

#5B8BC7

Protanopia

#7070B8

Deuteranopia

#6D69B5

Tritanopia

#5DADAA

Achromatopsia

#858585

CSS Usage

background-color: #5B8BC7;
color: #5B8BC7;
border-color: #5B8BC7;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD9ED
300
#A4BEE0
400
#729CCF
500
#4179BE
600
#346098
700
#2A4D7A
800
#203C5F
900
#1B2E46
950
#111D2C

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.96:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026