HEX #5657B0 color — Blue Violet

The color #5657B0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5657B0 color palette from light to dark

HEX RGB HSL
#f1f1f8 rgb(241,241,248) hsl(239,36%,96%)
#e0e0f0 rgb(224,224,240) hsl(239,36%,91%)
#cecfe8 rgb(206,207,232) hsl(239,36%,86%)
#bdbee0 rgb(189,190,224) hsl(239,36%,81%)
#acadd8 rgb(172,173,216) hsl(239,36%,76%)
#9a9bd0 rgb(154,155,208) hsl(239,36%,71%)
#898ac8 rgb(137,138,200) hsl(239,36%,66%)
#7879bf rgb(120,121,191) hsl(239,36%,61%)
#6668b7 rgb(102,104,183) hsl(239,36%,56%)
#5557af rgb(85,87,175) hsl(239,36%,51%)
#4b4ca0 rgb(75,76,160) hsl(239,36%,46%)
#43448e rgb(67,68,142) hsl(239,36%,41%)
#3b3c7d rgb(59,60,125) hsl(239,36%,36%)
#33346c rgb(51,52,108) hsl(239,36%,31%)
#2a2b5a rgb(42,43,90) hsl(239,36%,26%)
#222349 rgb(34,35,73) hsl(239,36%,21%)
#1a1b37 rgb(26,27,55) hsl(239,36%,16%)
#121226 rgb(18,18,38) hsl(239,36%,11%)
#0a0a15 rgb(10,10,21) hsl(239,36%,6%)
#020203 rgb(2,2,3) hsl(239,36%,1%)

Adjacent colors

HEX RGB HSL
#5694B0 rgb(86,148,176) hsl(199,36%,51%)
#5657B0 rgb(86,87,176) hsl(239,36%,51%)
#9157B0 rgb(145,87,176) hsl(279,36%,52%)

Monochromatic colors

HEX RGB HSL
#8F8FCA rgb(143,143,202) hsl(240,36%,68%)
#7273BD rgb(114,115,189) hsl(239,36%,59%)
#5657B0 rgb(86,87,176) hsl(239,36%,51%)
#464795 rgb(70,71,149) hsl(239,36%,43%)
#383B79 rgb(56,59,121) hsl(237,37%,35%)
#2B2B5C rgb(43,43,92) hsl(240,36%,26%)

Triad color palettes

HEX RGB HSL
#5657B0 rgb(86,87,176) hsl(239,36%,51%)
#B08256 rgb(176,130,86) hsl(29,36%,51%)
#84B056 rgb(132,176,86) hsl(89,36%,51%)

Tetrad color palettes

HEX RGB HSL
#5657B0 rgb(86,87,176) hsl(239,36%,51%)
#B0B056 rgb(176,176,86) hsl(60,36%,51%)
#5685B0 rgb(86,133,176) hsl(209,36%,51%)
#84B056 rgb(132,176,86) hsl(89,36%,51%)