#5B8FE6

#5B8FE6

Color Values

HEX

#5B8FE6

RGB

91, 143, 230

HSL

217.6, 73.5%, 62.9%

HSV

217.6, 60.4%, 90.2%

CMYK

60.4%, 37.8%, 0.0%, 9.8%

OKLCH

0.6535 0.142 260.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5B8FE6

#E6B25B

Analogous

#5BD4E6

#6C5BE6

#5B8FE6

Triadic

#5B8FE6

#E65B8F

#8FE65B

Split Complementary

#5B8FE6

#E66C5B

#D4E65B

Tetradic

#5B8FE6

#E65BD4

#E6B25B

#5BE66C

Color Blindness Simulation

Original

#5B8FE6

Protanopia

#7272D1

Deuteranopia

#6E6BCC

Tritanopia

#5EC0BD

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C1D5F6
300
#95B6EF
400
#5B8FE6
500
#2268DD
600
#1B53B1
700
#16428E
800
#11346F
900
#102850
950
#0A1933

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026