HEX #5A78E3 color — Royal Blue
The color #5A78E3 is a dark shade and moderately saturated.
Palette
5A78E3 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(227,71%,97%) |
#dce2f9 |
rgb(220,226,249) |
hsl(227,71%,92%) |
#c6d1f5 |
rgb(198,209,245) |
hsl(227,71%,87%) |
#b1bff2 |
rgb(177,191,242) |
hsl(227,71%,82%) |
#9badee |
rgb(155,173,238) |
hsl(227,71%,77%) |
#859bea |
rgb(133,155,234) |
hsl(227,71%,72%) |
#6f89e7 |
rgb(111,137,231) |
hsl(227,71%,67%) |
#5977e3 |
rgb(89,119,227) |
hsl(227,71%,62%) |
#4365df |
rgb(67,101,223) |
hsl(227,71%,57%) |
#2e53dc |
rgb(46,83,220) |
hsl(227,71%,52%) |
#2348cd |
rgb(35,72,205) |
hsl(227,71%,47%) |
#1f40b7 |
rgb(31,64,183) |
hsl(227,71%,42%) |
#1b38a1 |
rgb(27,56,161) |
hsl(227,71%,37%) |
#18318c |
rgb(24,49,140) |
hsl(227,71%,32%) |
#142976 |
rgb(20,41,118) |
hsl(227,71%,27%) |
#102260 |
rgb(16,34,96) |
hsl(227,71%,22%) |
#0d1a4a |
rgb(13,26,74) |
hsl(227,71%,17%) |
#091234 |
rgb(9,18,52) |
hsl(227,71%,12%) |
#050b1f |
rgb(5,11,31) |
hsl(227,71%,7%) |
#010309 |
rgb(1,3,9) |
hsl(227,71%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD4E3 |
rgb(90,212,227) |
hsl(187,71%,62%) |
#5A78E3 |
rgb(90,120,227) |
hsl(227,71%,62%) |
#9759E3 |
rgb(151,89,227) |
hsl(267,71%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DCE3F9 |
rgb(220,227,249) |
hsl(226,71%,92%) |
#B0BFF1 |
rgb(176,191,241) |
hsl(226,70%,82%) |
#859CEA |
rgb(133,156,234) |
hsl(226,71%,72%) |
#5A78E3 |
rgb(90,120,227) |
hsl(227,71%,62%) |
#2E54DB |
rgb(46,84,219) |
hsl(227,71%,52%) |
#1F40B8 |
rgb(31,64,184) |
hsl(227,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78E3 |
rgb(90,120,227) |
hsl(227,71%,62%) |
#E3805A |
rgb(227,128,90) |
hsl(17,71%,62%) |
#BCE35A |
rgb(188,227,90) |
hsl(77,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78E3 |
rgb(90,120,227) |
hsl(227,71%,62%) |
#E3C45A |
rgb(227,196,90) |
hsl(46,71%,62%) |
#5ABDE3 |
rgb(90,189,227) |
hsl(197,71%,62%) |
#BCE35A |
rgb(188,227,90) |
hsl(77,71%,62%) |