HEX #5978E3 color — Royal Blue
The color #5978E3 is a dark shade and moderately saturated.
Palette
5978E3 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 |
#59D4E3 |
rgb(89,212,227) |
hsl(187,71%,62%) |
#5978E3 |
rgb(89,120,227) |
hsl(227,71%,62%) |
#9659E3 |
rgb(150,89,227) |
hsl(267,71%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DAE0F8 |
rgb(218,224,248) |
hsl(228,68%,91%) |
#AFBFF1 |
rgb(175,191,241) |
hsl(225,70%,82%) |
#849CEA |
rgb(132,156,234) |
hsl(226,71%,72%) |
#5978E3 |
rgb(89,120,227) |
hsl(227,71%,62%) |
#2D54DB |
rgb(45,84,219) |
hsl(227,71%,52%) |
#1F42B7 |
rgb(31,66,183) |
hsl(226,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5978E3 |
rgb(89,120,227) |
hsl(227,71%,62%) |
#E38059 |
rgb(227,128,89) |
hsl(17,71%,62%) |
#BDE359 |
rgb(189,227,89) |
hsl(77,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5978E3 |
rgb(89,120,227) |
hsl(227,71%,62%) |
#E3C459 |
rgb(227,196,89) |
hsl(47,71%,62%) |
#59BDE3 |
rgb(89,189,227) |
hsl(197,71%,62%) |
#BDE359 |
rgb(189,227,89) |
hsl(77,71%,62%) |