HEX #5675E2 color — Royal Blue
The color #5675E2 is a dark shade and moderately saturated.
Palette
5675E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fc |
rgb(238,241,252) |
hsl(227,71%,96%) |
#d8dff8 |
rgb(216,223,248) |
hsl(227,71%,91%) |
#c2cdf5 |
rgb(194,205,245) |
hsl(227,71%,86%) |
#acbbf1 |
rgb(172,187,241) |
hsl(227,71%,81%) |
#96a9ed |
rgb(150,169,237) |
hsl(227,71%,76%) |
#8197ea |
rgb(129,151,234) |
hsl(227,71%,71%) |
#6b85e6 |
rgb(107,133,230) |
hsl(227,71%,66%) |
#5574e2 |
rgb(85,116,226) |
hsl(227,71%,61%) |
#3f62de |
rgb(63,98,222) |
hsl(227,71%,56%) |
#2950db |
rgb(41,80,219) |
hsl(227,71%,51%) |
#2246c9 |
rgb(34,70,201) |
hsl(227,71%,46%) |
#1e3eb3 |
rgb(30,62,179) |
hsl(227,71%,41%) |
#1b379d |
rgb(27,55,157) |
hsl(227,71%,36%) |
#172f87 |
rgb(23,47,135) |
hsl(227,71%,31%) |
#132871 |
rgb(19,40,113) |
hsl(227,71%,26%) |
#10205c |
rgb(16,32,92) |
hsl(227,71%,21%) |
#0c1846 |
rgb(12,24,70) |
hsl(227,71%,16%) |
#081130 |
rgb(8,17,48) |
hsl(227,71%,11%) |
#04091a |
rgb(4,9,26) |
hsl(227,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D1E2 |
rgb(86,209,226) |
hsl(187,71%,61%) |
#5675E2 |
rgb(86,117,226) |
hsl(227,71%,61%) |
#9457E2 |
rgb(148,87,226) |
hsl(266,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5DEF7 |
rgb(213,222,247) |
hsl(224,68%,90%) |
#ABBAF0 |
rgb(171,186,240) |
hsl(227,70%,81%) |
#8099E9 |
rgb(128,153,233) |
hsl(226,70%,71%) |
#5675E2 |
rgb(86,117,226) |
hsl(227,71%,61%) |
#2B52DA |
rgb(43,82,218) |
hsl(227,70%,51%) |
#1F40B5 |
rgb(31,64,181) |
hsl(227,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5675E2 |
rgb(86,117,226) |
hsl(227,71%,61%) |
#E27D56 |
rgb(226,125,86) |
hsl(17,71%,61%) |
#BBE356 |
rgb(187,227,86) |
hsl(77,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5675E2 |
rgb(86,117,226) |
hsl(227,71%,61%) |
#E2C256 |
rgb(226,194,86) |
hsl(46,71%,61%) |
#56BAE2 |
rgb(86,186,226) |
hsl(197,71%,61%) |
#BBE356 |
rgb(187,227,86) |
hsl(77,72%,61%) |