HEX #5C78E2 color — Royal Blue
The color #5C78E2 is a dark shade and moderately saturated.
Palette
5C78E2 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 |
#5CD1E2 |
rgb(92,209,226) |
hsl(188,70%,62%) |
#5C78E2 |
rgb(92,120,226) |
hsl(227,70%,62%) |
#995CE2 |
rgb(153,92,226) |
hsl(267,70%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DDE3F9 |
rgb(221,227,249) |
hsl(227,70%,92%) |
#B2BFF1 |
rgb(178,191,241) |
hsl(228,69%,82%) |
#879CE9 |
rgb(135,156,233) |
hsl(227,69%,72%) |
#5C78E2 |
rgb(92,120,226) |
hsl(227,70%,62%) |
#3054DA |
rgb(48,84,218) |
hsl(227,70%,52%) |
#2040B7 |
rgb(32,64,183) |
hsl(227,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C78E2 |
rgb(92,120,226) |
hsl(227,70%,62%) |
#E2825C |
rgb(226,130,92) |
hsl(17,70%,62%) |
#BBE35C |
rgb(187,227,92) |
hsl(78,71%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C78E2 |
rgb(92,120,226) |
hsl(227,70%,62%) |
#E2C75C |
rgb(226,199,92) |
hsl(48,70%,62%) |
#5CBAE2 |
rgb(92,186,226) |
hsl(198,70%,62%) |
#BBE35C |
rgb(187,227,92) |
hsl(78,71%,63%) |