#5B7AE7

#5B7AE7

Color Values

HEX

#5B7AE7

RGB

91, 122, 231

HSL

226.7, 74.5%, 63.1%

HSV

226.7, 60.6%, 90.6%

CMYK

60.6%, 47.2%, 0.0%, 9.4%

OKLCH

0.6108 0.1679 269.0

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5B7AE7

#E7C85B

Analogous

#5BC0E7

#825BE7

#5B7AE7

Triadic

#5B7AE7

#E75B7A

#7AE75B

Split Complementary

#5B7AE7

#E7825B

#C0E75B

Tetradic

#5B7AE7

#E75BC0

#E7C85B

#5BE782

Color Blindness Simulation

Original

#5B7AE7

Protanopia

#6869CD

Deuteranopia

#6764C6

Tritanopia

#5DB8B3

Achromatopsia

#7B7B7B

CSS Usage

background-color: #5B7AE7;
color: #5B7AE7;
border-color: #5B7AE7;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F5FC
100
#E2E7F8
200
#C1CCF6
300
#94A8EF
400
#5A7AE7
500
#214BDE
600
#1A3CB2
700
#15308E
800
#10256F
900
#101E51
950
#0A1333

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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