HEX #557DE1 color — Royal Blue

The color #557DE1 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

557DE1 color palette from light to dark

HEX RGB HSL
#eef2fc rgb(238,242,252) hsl(223,70%,96%)
#d8e1f8 rgb(216,225,248) hsl(223,70%,91%)
#c2d0f4 rgb(194,208,244) hsl(223,70%,86%)
#adc0f0 rgb(173,192,240) hsl(223,70%,81%)
#97afed rgb(151,175,237) hsl(223,70%,76%)
#819fe9 rgb(129,159,233) hsl(223,70%,71%)
#6c8ee5 rgb(108,142,229) hsl(223,70%,66%)
#567de1 rgb(86,125,225) hsl(223,70%,61%)
#406ddd rgb(64,109,221) hsl(223,70%,56%)
#2b5cda rgb(43,92,218) hsl(223,70%,51%)
#2352c7 rgb(35,82,199) hsl(223,70%,46%)
#1f49b2 rgb(31,73,178) hsl(223,70%,41%)
#1c409c rgb(28,64,156) hsl(223,70%,36%)
#183786 rgb(24,55,134) hsl(223,70%,31%)
#142e71 rgb(20,46,113) hsl(223,70%,26%)
#10255b rgb(16,37,91) hsl(223,70%,21%)
#0c1c45 rgb(12,28,69) hsl(223,70%,16%)
#081430 rgb(8,20,48) hsl(223,70%,11%)
#050b1a rgb(5,11,26) hsl(223,70%,6%)
#010204 rgb(1,2,4) hsl(223,70%,1%)

Adjacent colors

HEX RGB HSL
#55DBE1 rgb(85,219,225) hsl(183,70%,61%)
#557DE1 rgb(85,125,225) hsl(223,70%,61%)
#8A54E1 rgb(138,84,225) hsl(263,70%,61%)

Monochromatic colors

HEX RGB HSL
#D3DEF7 rgb(211,222,247) hsl(222,69%,90%)
#A9BDEF rgb(169,189,239) hsl(223,69%,80%)
#7F9EE8 rgb(127,158,232) hsl(222,70%,70%)
#557DE1 rgb(85,125,225) hsl(223,70%,61%)
#2A5CD9 rgb(42,92,217) hsl(223,70%,51%)
#1F4AB3 rgb(31,74,179) hsl(223,70%,41%)

Triad color palettes

HEX RGB HSL
#557DE1 rgb(85,125,225) hsl(223,70%,61%)
#E17355 rgb(225,115,85) hsl(13,70%,61%)
#C3E055 rgb(195,224,85) hsl(73,69%,61%)

Tetrad color palettes

HEX RGB HSL
#557DE1 rgb(85,125,225) hsl(223,70%,61%)
#E1BA55 rgb(225,186,85) hsl(43,70%,61%)
#55C2E1 rgb(85,194,225) hsl(193,70%,61%)
#C3E055 rgb(195,224,85) hsl(73,69%,61%)