HEX #5A7AE2 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5a7ae2 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
#5AD4E2 rgb(90,212,226) hsl(186,70%,62%)
#5A7AE2 rgb(90,122,226) hsl(226,70%,62%)
#9459E2 rgb(148,89,226) hsl(266,70%,62%)

Monochromatic colors

HEX RGB HSL
#DBE3F8 rgb(219,227,248) hsl(223,67%,92%)
#B0BFF1 rgb(176,191,241) hsl(226,70%,82%)
#859CE9 rgb(133,156,233) hsl(226,69%,72%)
#5A7AE2 rgb(90,122,226) hsl(226,70%,62%)
#2F57DA rgb(47,87,218) hsl(226,70%,52%)
#2042B6 rgb(32,66,182) hsl(226,70%,42%)

Triad color palettes

HEX RGB HSL
#5A7AE2 rgb(90,122,226) hsl(226,70%,62%)
#E27D5A rgb(226,125,90) hsl(15,70%,62%)
#BEE35A rgb(190,227,90) hsl(76,71%,62%)

Tetrad color palettes

HEX RGB HSL
#5A7AE2 rgb(90,122,226) hsl(226,70%,62%)
#E2C25A rgb(226,194,90) hsl(46,70%,62%)
#5ABFE2 rgb(90,191,226) hsl(195,70%,62%)
#BEE35A rgb(190,227,90) hsl(76,71%,62%)