#5A7AE7

#5A7AE7

Color Values

HEX

#5A7AE7

RGB

90, 122, 231

HSL

226.4, 74.6%, 62.9%

HSV

226.4, 61.0%, 90.6%

CMYK

61.0%, 47.2%, 0.0%, 9.4%

OKLCH

0.6103 0.1682 268.7

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5A7AE7

#E7C75A

Analogous

#5AC0E7

#805AE7

#5A7AE7

Triadic

#5A7AE7

#E75A7A

#7AE75A

Split Complementary

#5A7AE7

#E7805A

#C0E75A

Tetradic

#5A7AE7

#E75AC0

#E7C75A

#5AE780

Color Blindness Simulation

Original

#5A7AE7

Protanopia

#6868CD

Deuteranopia

#6664C6

Tritanopia

#5CB8B3

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E7F8
200
#C1CDF6
300
#94A9EF
400
#5A7AE7
500
#204CDF
600
#1A3CB2
700
#15308E
800
#10266F
900
#101F51
950
#0A1333

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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