HEX #5670E1 color — Royal Blue
The color #5670E1 is a dark shade and moderately saturated.
Palette
5670E1 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fc |
rgb(238,240,252) |
hsl(229,70%,96%) |
#d8def8 |
rgb(216,222,248) |
hsl(229,70%,91%) |
#c2cbf4 |
rgb(194,203,244) |
hsl(229,70%,86%) |
#adb9f0 |
rgb(173,185,240) |
hsl(229,70%,81%) |
#97a7ed |
rgb(151,167,237) |
hsl(229,70%,76%) |
#8194e9 |
rgb(129,148,233) |
hsl(229,70%,71%) |
#6c82e5 |
rgb(108,130,229) |
hsl(229,70%,66%) |
#566fe1 |
rgb(86,111,225) |
hsl(229,70%,61%) |
#405ddd |
rgb(64,93,221) |
hsl(229,70%,56%) |
#2b4bda |
rgb(43,75,218) |
hsl(229,70%,51%) |
#2341c7 |
rgb(35,65,199) |
hsl(229,70%,46%) |
#1f3ab2 |
rgb(31,58,178) |
hsl(229,70%,41%) |
#1c339c |
rgb(28,51,156) |
hsl(229,70%,36%) |
#182c86 |
rgb(24,44,134) |
hsl(229,70%,31%) |
#142571 |
rgb(20,37,113) |
hsl(229,70%,26%) |
#101e5b |
rgb(16,30,91) |
hsl(229,70%,21%) |
#0c1745 |
rgb(12,23,69) |
hsl(229,70%,16%) |
#081030 |
rgb(8,16,48) |
hsl(229,70%,11%) |
#05091a |
rgb(5,9,26) |
hsl(229,70%,6%) |
#010104 |
rgb(1,1,4) |
hsl(229,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56CCE1 |
rgb(86,204,225) |
hsl(189,70%,61%) |
#5670E1 |
rgb(86,112,225) |
hsl(229,70%,61%) |
#9857E1 |
rgb(152,87,225) |
hsl(268,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%) |
#8094E8 |
rgb(128,148,232) |
hsl(228,69%,71%) |
#5670E1 |
rgb(86,112,225) |
hsl(229,70%,61%) |
#2B4DD9 |
rgb(43,77,217) |
hsl(228,70%,51%) |
#1F3BB3 |
rgb(31,59,179) |
hsl(229,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5670E1 |
rgb(86,112,225) |
hsl(229,70%,61%) |
#E18256 |
rgb(225,130,86) |
hsl(19,70%,61%) |
#B5E056 |
rgb(181,224,86) |
hsl(79,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5670E1 |
rgb(86,112,225) |
hsl(229,70%,61%) |
#E1C756 |
rgb(225,199,86) |
hsl(49,70%,61%) |
#56B5E1 |
rgb(86,181,225) |
hsl(199,70%,61%) |
#B5E056 |
rgb(181,224,86) |
hsl(79,69%,61%) |