HEX #5670DD color — Royal Blue
The color #5670DD is a dark shade and moderately saturated.
Palette
5670DD color palette from light to dark
HEX |
RGB |
HSL |
#eaedfb |
rgb(234,237,251) |
hsl(228,67%,95%) |
#d4dbf7 |
rgb(212,219,247) |
hsl(228,67%,90%) |
#bfc9f2 |
rgb(191,201,242) |
hsl(228,67%,85%) |
#aab7ee |
rgb(170,183,238) |
hsl(228,67%,80%) |
#95a6ea |
rgb(149,166,234) |
hsl(228,67%,75%) |
#7f94e6 |
rgb(127,148,230) |
hsl(228,67%,70%) |
#6a82e2 |
rgb(106,130,226) |
hsl(228,67%,65%) |
#5570dd |
rgb(85,112,221) |
hsl(228,67%,60%) |
#3f5ed9 |
rgb(63,94,217) |
hsl(228,67%,55%) |
#2a4cd5 |
rgb(42,76,213) |
hsl(228,67%,50%) |
#2645c0 |
rgb(38,69,192) |
hsl(228,67%,45%) |
#223daa |
rgb(34,61,170) |
hsl(228,67%,40%) |
#1d3595 |
rgb(29,53,149) |
hsl(228,67%,35%) |
#192e80 |
rgb(25,46,128) |
hsl(228,67%,30%) |
#15266a |
rgb(21,38,106) |
hsl(228,67%,25%) |
#111e55 |
rgb(17,30,85) |
hsl(228,67%,20%) |
#0d1740 |
rgb(13,23,64) |
hsl(228,67%,15%) |
#080f2b |
rgb(8,15,43) |
hsl(228,67%,10%) |
#040815 |
rgb(4,8,21) |
hsl(228,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C9DD |
rgb(86,201,221) |
hsl(189,67%,60%) |
#5670DD |
rgb(86,112,221) |
hsl(228,67%,60%) |
#9657DD |
rgb(150,87,221) |
hsl(268,66%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0D9F5 |
rgb(208,217,245) |
hsl(225,65%,89%) |
#A7B5ED |
rgb(167,181,237) |
hsl(228,66%,79%) |
#7E91E5 |
rgb(126,145,229) |
hsl(229,66%,70%) |
#5670DD |
rgb(86,112,221) |
hsl(228,67%,60%) |
#2D4DD4 |
rgb(45,77,212) |
hsl(229,66%,50%) |
#223DAD |
rgb(34,61,173) |
hsl(228,67%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5670DD |
rgb(86,112,221) |
hsl(228,67%,60%) |
#DD8056 |
rgb(221,128,86) |
hsl(19,67%,60%) |
#B3DE56 |
rgb(179,222,86) |
hsl(79,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5670DD |
rgb(86,112,221) |
hsl(228,67%,60%) |
#DDC256 |
rgb(221,194,86) |
hsl(48,67%,60%) |
#56B3DD |
rgb(86,179,221) |
hsl(199,67%,60%) |
#B3DE56 |
rgb(179,222,86) |
hsl(79,67%,60%) |