HEX #5B7AE2 color — Royal Blue

The color #5B7AE2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5B7AE2 color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(226,70%,97%)
#dce3f9 rgb(220,227,249) hsl(226,70%,92%)
#c7d1f5 rgb(199,209,245) hsl(226,70%,87%)
#b1c0f1 rgb(177,192,241) hsl(226,70%,82%)
#9baeed rgb(155,174,237) hsl(226,70%,77%)
#869dea rgb(134,157,234) hsl(226,70%,72%)
#708be6 rgb(112,139,230) hsl(226,70%,67%)
#5a7ae2 rgb(90,122,226) hsl(226,70%,62%)
#4568de rgb(69,104,222) hsl(226,70%,57%)
#2f57da rgb(47,87,218) hsl(226,70%,52%)
#244bcc rgb(36,75,204) hsl(226,70%,47%)
#2043b6 rgb(32,67,182) hsl(226,70%,42%)
#1c3ba0 rgb(28,59,160) hsl(226,70%,37%)
#18338b rgb(24,51,139) hsl(226,70%,32%)
#152b75 rgb(21,43,117) hsl(226,70%,27%)
#11235f rgb(17,35,95) hsl(226,70%,22%)
#0d1b4a rgb(13,27,74) hsl(226,70%,17%)
#091334 rgb(9,19,52) hsl(226,70%,12%)
#050b1e rgb(5,11,30) hsl(226,70%,7%)
#020309 rgb(2,3,9) hsl(226,70%,2%)

Adjacent colors

HEX RGB HSL
#5BD4E2 rgb(91,212,226) hsl(186,70%,62%)
#5B7AE2 rgb(91,122,226) hsl(226,70%,62%)
#965CE2 rgb(150,92,226) hsl(266,70%,62%)

Monochromatic colors

HEX RGB HSL
#DCE3F8 rgb(220,227,248) hsl(225,67%,92%)
#B1BFF1 rgb(177,191,241) hsl(227,70%,82%)
#869EE9 rgb(134,158,233) hsl(225,69%,72%)
#5B7AE2 rgb(91,122,226) hsl(226,70%,62%)
#2F57DA rgb(47,87,218) hsl(226,70%,52%)
#2042B7 rgb(32,66,183) hsl(226,70%,42%)

Triad color palettes

HEX RGB HSL
#5B7AE2 rgb(91,122,226) hsl(226,70%,62%)
#E2805B rgb(226,128,91) hsl(16,70%,62%)
#BDE35B rgb(189,227,91) hsl(77,71%,62%)

Tetrad color palettes

HEX RGB HSL
#5B7AE2 rgb(91,122,226) hsl(226,70%,62%)
#E2C25B rgb(226,194,91) hsl(46,70%,62%)
#5BBDE2 rgb(91,189,226) hsl(196,70%,62%)
#BDE35B rgb(189,227,91) hsl(77,71%,62%)