HEX #5673E0 color — Royal Blue
The color #5673E0 is a dark shade and moderately saturated.
Palette
5673E0 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fc |
rgb(238,241,252) |
hsl(227,69%,96%) |
#d8dff8 |
rgb(216,223,248) |
hsl(227,69%,91%) |
#c3cdf4 |
rgb(195,205,244) |
hsl(227,69%,86%) |
#adbcf0 |
rgb(173,188,240) |
hsl(227,69%,81%) |
#98aaec |
rgb(152,170,236) |
hsl(227,69%,76%) |
#8298e8 |
rgb(130,152,232) |
hsl(227,69%,71%) |
#6c86e4 |
rgb(108,134,228) |
hsl(227,69%,66%) |
#5775e0 |
rgb(87,117,224) |
hsl(227,69%,61%) |
#4163dc |
rgb(65,99,220) |
hsl(227,69%,56%) |
#2c51d8 |
rgb(44,81,216) |
hsl(227,69%,51%) |
#2447c6 |
rgb(36,71,198) |
hsl(227,69%,46%) |
#2040b1 |
rgb(32,64,177) |
hsl(227,69%,41%) |
#1c389b |
rgb(28,56,155) |
hsl(227,69%,36%) |
#193086 |
rgb(25,48,134) |
hsl(227,69%,31%) |
#152870 |
rgb(21,40,112) |
hsl(227,69%,26%) |
#11215a |
rgb(17,33,90) |
hsl(227,69%,21%) |
#0d1945 |
rgb(13,25,69) |
hsl(227,69%,16%) |
#09112f |
rgb(9,17,47) |
hsl(227,69%,11%) |
#05091a |
rgb(5,9,26) |
hsl(227,69%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,69%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56CFE0 |
rgb(86,207,224) |
hsl(187,69%,61%) |
#5673E0 |
rgb(86,115,224) |
hsl(227,69%,61%) |
#9557E0 |
rgb(149,87,224) |
hsl(267,69%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D3DBF7 |
rgb(211,219,247) |
hsl(227,69%,90%) |
#A9B8EF |
rgb(169,184,239) |
hsl(227,69%,80%) |
#7F96E7 |
rgb(127,150,231) |
hsl(227,68%,70%) |
#5673E0 |
rgb(86,115,224) |
hsl(227,69%,61%) |
#2C4FD8 |
rgb(44,79,216) |
hsl(228,69%,51%) |
#2040B2 |
rgb(32,64,178) |
hsl(227,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5673E0 |
rgb(86,115,224) |
hsl(227,69%,61%) |
#E07D56 |
rgb(224,125,86) |
hsl(17,69%,61%) |
#B8E056 |
rgb(184,224,86) |
hsl(77,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5673E0 |
rgb(86,115,224) |
hsl(227,69%,61%) |
#E0C256 |
rgb(224,194,86) |
hsl(47,69%,61%) |
#56B8E0 |
rgb(86,184,224) |
hsl(197,69%,61%) |
#B8E056 |
rgb(184,224,86) |
hsl(77,69%,61%) |