#5B8AE6

#5B8AE6

Color Values

HEX

#5B8AE6

RGB

91, 138, 230

HSL

219.7, 73.5%, 62.9%

HSV

219.7, 60.4%, 90.2%

CMYK

60.4%, 40.0%, 0.0%, 9.8%

OKLCH

0.643 0.1476 262.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5B8AE6

#E6B75B

Analogous

#5BCFE6

#715BE6

#5B8AE6

Triadic

#5B8AE6

#E65B8A

#8AE65B

Split Complementary

#5B8AE6

#E6715B

#CFE65B

Tetradic

#5B8AE6

#E65BCF

#E6B75B

#5BE671

Color Blindness Simulation

Original

#5B8AE6

Protanopia

#6F70D0

Deuteranopia

#6D69CA

Tritanopia

#5DBEBA

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C1D3F6
300
#95B3EF
400
#5B8AE6
500
#2261DD
600
#1B4EB1
700
#163E8E
800
#11316F
900
#102650
950
#0A1833

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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