HEX #486BC5 color — Indigo

The color #486BC5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

486BC5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(223,52%,98%)
#e4e9f6 rgb(228,233,246) hsl(223,52%,93%)
#d0daf0 rgb(208,218,240) hsl(223,52%,88%)
#bdcaea rgb(189,202,234) hsl(223,52%,83%)
#aabae4 rgb(170,186,228) hsl(223,52%,78%)
#96abde rgb(150,171,222) hsl(223,52%,73%)
#839bd8 rgb(131,155,216) hsl(223,52%,68%)
#708bd2 rgb(112,139,210) hsl(223,52%,63%)
#5c7ccc rgb(92,124,204) hsl(223,52%,58%)
#496cc5 rgb(73,108,197) hsl(223,52%,53%)
#3b5fba rgb(59,95,186) hsl(223,52%,48%)
#3555a7 rgb(53,85,167) hsl(223,52%,43%)
#2f4b93 rgb(47,75,147) hsl(223,52%,38%)
#284180 rgb(40,65,128) hsl(223,52%,33%)
#22376d rgb(34,55,109) hsl(223,52%,28%)
#1c2d59 rgb(28,45,89) hsl(223,52%,23%)
#162446 rgb(22,36,70) hsl(223,52%,18%)
#101a32 rgb(16,26,50) hsl(223,52%,13%)
#0a101f rgb(10,16,31) hsl(223,52%,8%)
#04060c rgb(4,6,12) hsl(223,52%,3%)

Adjacent colors

HEX RGB HSL
#48BFC5 rgb(72,191,197) hsl(183,52%,53%)
#486BC5 rgb(72,107,197) hsl(223,52%,53%)
#7847C5 rgb(120,71,197) hsl(263,52%,53%)

Monochromatic colors

HEX RGB HSL
#89A1D9 rgb(137,161,217) hsl(222,51%,69%)
#6885CF rgb(104,133,207) hsl(223,52%,61%)
#486BC5 rgb(72,107,197) hsl(223,52%,53%)
#3657AB rgb(54,87,171) hsl(223,52%,44%)
#2C478A rgb(44,71,138) hsl(223,52%,36%)
#21366A rgb(33,54,106) hsl(223,53%,27%)

Triad color palettes

HEX RGB HSL
#486BC5 rgb(72,107,197) hsl(223,52%,53%)
#C56348 rgb(197,99,72) hsl(13,52%,53%)
#A9C448 rgb(169,196,72) hsl(73,51%,53%)

Tetrad color palettes

HEX RGB HSL
#486BC5 rgb(72,107,197) hsl(223,52%,53%)
#C5A348 rgb(197,163,72) hsl(44,52%,53%)
#48A8C5 rgb(72,168,197) hsl(194,52%,53%)
#A9C448 rgb(169,196,72) hsl(73,51%,53%)