HEX #5B78E2 color — Royal Blue
The color #5B78E2 is a dark shade and moderately saturated.
Palette
5B78E2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(227,70%,97%) |
#dce3f9 |
rgb(220,227,249) |
hsl(227,70%,92%) |
#c7d1f5 |
rgb(199,209,245) |
hsl(227,70%,87%) |
#b1bff1 |
rgb(177,191,241) |
hsl(227,70%,82%) |
#9baded |
rgb(155,173,237) |
hsl(227,70%,77%) |
#869bea |
rgb(134,155,234) |
hsl(227,70%,72%) |
#7089e6 |
rgb(112,137,230) |
hsl(227,70%,67%) |
#5a78e2 |
rgb(90,120,226) |
hsl(227,70%,62%) |
#4566de |
rgb(69,102,222) |
hsl(227,70%,57%) |
#2f54da |
rgb(47,84,218) |
hsl(227,70%,52%) |
#2448cc |
rgb(36,72,204) |
hsl(227,70%,47%) |
#2041b6 |
rgb(32,65,182) |
hsl(227,70%,42%) |
#1c39a0 |
rgb(28,57,160) |
hsl(227,70%,37%) |
#18318b |
rgb(24,49,139) |
hsl(227,70%,32%) |
#152a75 |
rgb(21,42,117) |
hsl(227,70%,27%) |
#11225f |
rgb(17,34,95) |
hsl(227,70%,22%) |
#0d1a4a |
rgb(13,26,74) |
hsl(227,70%,17%) |
#091234 |
rgb(9,18,52) |
hsl(227,70%,12%) |
#050b1e |
rgb(5,11,30) |
hsl(227,70%,7%) |
#020309 |
rgb(2,3,9) |
hsl(227,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BD1E2 |
rgb(91,209,226) |
hsl(188,70%,62%) |
#5B78E2 |
rgb(91,120,226) |
hsl(227,70%,62%) |
#985CE2 |
rgb(152,92,226) |
hsl(267,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%) |
#869CE9 |
rgb(134,156,233) |
hsl(227,69%,72%) |
#5B78E2 |
rgb(91,120,226) |
hsl(227,70%,62%) |
#2F54DA |
rgb(47,84,218) |
hsl(227,70%,52%) |
#2040B7 |
rgb(32,64,183) |
hsl(227,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B78E2 |
rgb(91,120,226) |
hsl(227,70%,62%) |
#E2825B |
rgb(226,130,91) |
hsl(17,70%,62%) |
#BBE35B |
rgb(187,227,91) |
hsl(78,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B78E2 |
rgb(91,120,226) |
hsl(227,70%,62%) |
#E2C45B |
rgb(226,196,91) |
hsl(47,70%,62%) |
#5BBDE2 |
rgb(91,189,226) |
hsl(196,70%,62%) |
#BBE35B |
rgb(187,227,91) |
hsl(78,71%,62%) |