#5D7AE4

#5D7AE4

Color Values

HEX

#5D7AE4

RGB

93, 122, 228

HSL

227.1, 71.4%, 62.9%

HSV

227.1, 59.2%, 89.4%

CMYK

59.2%, 46.5%, 0.0%, 10.6%

OKLCH

0.61 0.1632 269.6

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5D7AE4

#E4C75D

Analogous

#5DBDE4

#835DE4

#5D7AE4

Triadic

#5D7AE4

#E45D7A

#7AE45D

Split Complementary

#5D7AE4

#E4835D

#BDE45D

Tetradic

#5D7AE4

#E45DBD

#E4C75D

#5DE483

Color Blindness Simulation

Original

#5D7AE4

Protanopia

#6A6ACA

Deuteranopia

#6866C4

Tritanopia

#5EB6B2

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E2E7F8
200
#C2CDF5
300
#96A9ED
400
#5D7AE4
500
#244CDB
600
#1D3CAF
700
#17308C
800
#12266D
900
#111F50
950
#0B1332

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