HEX #5672E1 color — Royal Blue
The color #5672e1 is a dark shade and moderately saturated.
Palette
5672e1 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fc |
rgb(238,241,252) |
hsl(228,70%,96%) |
#d8def8 |
rgb(216,222,248) |
hsl(228,70%,91%) |
#c2ccf4 |
rgb(194,204,244) |
hsl(228,70%,86%) |
#adbaf0 |
rgb(173,186,240) |
hsl(228,70%,81%) |
#97a8ed |
rgb(151,168,237) |
hsl(228,70%,76%) |
#8196e9 |
rgb(129,150,233) |
hsl(228,70%,71%) |
#6c84e5 |
rgb(108,132,229) |
hsl(228,70%,66%) |
#5672e1 |
rgb(86,114,225) |
hsl(228,70%,61%) |
#4060dd |
rgb(64,96,221) |
hsl(228,70%,56%) |
#2b4eda |
rgb(43,78,218) |
hsl(228,70%,51%) |
#2344c7 |
rgb(35,68,199) |
hsl(228,70%,46%) |
#1f3db2 |
rgb(31,61,178) |
hsl(228,70%,41%) |
#1c359c |
rgb(28,53,156) |
hsl(228,70%,36%) |
#182e86 |
rgb(24,46,134) |
hsl(228,70%,31%) |
#142671 |
rgb(20,38,113) |
hsl(228,70%,26%) |
#101f5b |
rgb(16,31,91) |
hsl(228,70%,21%) |
#0c1845 |
rgb(12,24,69) |
hsl(228,70%,16%) |
#081030 |
rgb(8,16,48) |
hsl(228,70%,11%) |
#05091a |
rgb(5,9,26) |
hsl(228,70%,6%) |
#010104 |
rgb(1,1,4) |
hsl(228,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56CFE1 |
rgb(86,207,225) |
hsl(188,70%,61%) |
#5672E1 |
rgb(86,114,225) |
hsl(228,70%,61%) |
#9657E1 |
rgb(150,87,225) |
hsl(267,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4DBF7 |
rgb(212,219,247) |
hsl(228,69%,90%) |
#AAB8F0 |
rgb(170,184,240) |
hsl(228,70%,80%) |
#8096E8 |
rgb(128,150,232) |
hsl(227,69%,71%) |
#5672E1 |
rgb(86,114,225) |
hsl(228,70%,61%) |
#2B4FD9 |
rgb(43,79,217) |
hsl(228,70%,51%) |
#1F3DB3 |
rgb(31,61,179) |
hsl(228,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5672E1 |
rgb(86,114,225) |
hsl(228,70%,61%) |
#E18056 |
rgb(225,128,86) |
hsl(18,70%,61%) |
#B7E056 |
rgb(183,224,86) |
hsl(78,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5672E1 |
rgb(86,114,225) |
hsl(228,70%,61%) |
#E1C456 |
rgb(225,196,86) |
hsl(47,70%,61%) |
#56B8E1 |
rgb(86,184,225) |
hsl(198,70%,61%) |
#B7E056 |
rgb(183,224,86) |
hsl(78,69%,61%) |