HEX #5676E1 color — Royal Blue
The color #5676e1 is a dark shade and moderately saturated.
Palette
5676e1 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fc |
rgb(238,241,252) |
hsl(226,70%,96%) |
#d8dff8 |
rgb(216,223,248) |
hsl(226,70%,91%) |
#c2cef4 |
rgb(194,206,244) |
hsl(226,70%,86%) |
#adbcf0 |
rgb(173,188,240) |
hsl(226,70%,81%) |
#97abed |
rgb(151,171,237) |
hsl(226,70%,76%) |
#8199e9 |
rgb(129,153,233) |
hsl(226,70%,71%) |
#6c88e5 |
rgb(108,136,229) |
hsl(226,70%,66%) |
#5676e1 |
rgb(86,118,225) |
hsl(226,70%,61%) |
#4065dd |
rgb(64,101,221) |
hsl(226,70%,56%) |
#2b53da |
rgb(43,83,218) |
hsl(226,70%,51%) |
#234ac7 |
rgb(35,74,199) |
hsl(226,70%,46%) |
#1f42b2 |
rgb(31,66,178) |
hsl(226,70%,41%) |
#1c3a9c |
rgb(28,58,156) |
hsl(226,70%,36%) |
#183286 |
rgb(24,50,134) |
hsl(226,70%,31%) |
#142a71 |
rgb(20,42,113) |
hsl(226,70%,26%) |
#10225b |
rgb(16,34,91) |
hsl(226,70%,21%) |
#0c1a45 |
rgb(12,26,69) |
hsl(226,70%,16%) |
#081230 |
rgb(8,18,48) |
hsl(226,70%,11%) |
#050a1a |
rgb(5,10,26) |
hsl(226,70%,6%) |
#010204 |
rgb(1,2,4) |
hsl(226,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D4E1 |
rgb(86,212,225) |
hsl(186,70%,61%) |
#5676E1 |
rgb(86,118,225) |
hsl(226,70%,61%) |
#9257E1 |
rgb(146,87,225) |
hsl(266,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4DEF7 |
rgb(212,222,247) |
hsl(223,69%,90%) |
#AABAF0 |
rgb(170,186,240) |
hsl(226,70%,80%) |
#8099E8 |
rgb(128,153,232) |
hsl(226,69%,71%) |
#5676E1 |
rgb(86,118,225) |
hsl(226,70%,61%) |
#2B54D9 |
rgb(43,84,217) |
hsl(226,70%,51%) |
#1F42B3 |
rgb(31,66,179) |
hsl(226,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5676E1 |
rgb(86,118,225) |
hsl(226,70%,61%) |
#E17A56 |
rgb(225,122,86) |
hsl(16,70%,61%) |
#BBE056 |
rgb(187,224,86) |
hsl(76,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5676E1 |
rgb(86,118,225) |
hsl(226,70%,61%) |
#E1C256 |
rgb(225,194,86) |
hsl(47,70%,61%) |
#56BDE1 |
rgb(86,189,225) |
hsl(196,70%,61%) |
#BBE056 |
rgb(187,224,86) |
hsl(76,69%,61%) |