HEX #4580CC color — Indigo

The color #4580CC is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

4580CC color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(214,57%,99%)
#e7eff8 rgb(231,239,248) hsl(214,57%,94%)
#d3e1f3 rgb(211,225,243) hsl(214,57%,89%)
#bfd3ed rgb(191,211,237) hsl(214,57%,84%)
#abc5e8 rgb(171,197,232) hsl(214,57%,79%)
#97b8e2 rgb(151,184,226) hsl(214,57%,74%)
#83aadd rgb(131,170,221) hsl(214,57%,69%)
#6f9cd8 rgb(111,156,216) hsl(214,57%,64%)
#5b8fd2 rgb(91,143,210) hsl(214,57%,59%)
#4781cd rgb(71,129,205) hsl(214,57%,54%)
#3673c4 rgb(54,115,196) hsl(214,57%,49%)
#3068b0 rgb(48,104,176) hsl(214,57%,44%)
#2b5c9c rgb(43,92,156) hsl(214,57%,39%)
#255088 rgb(37,80,136) hsl(214,57%,34%)
#204474 rgb(32,68,116) hsl(214,57%,29%)
#1a3960 rgb(26,57,96) hsl(214,57%,24%)
#152d4c rgb(21,45,76) hsl(214,57%,19%)
#0f2138 rgb(15,33,56) hsl(214,57%,14%)
#0a1524 rgb(10,21,36) hsl(214,57%,9%)
#040910 rgb(4,9,16) hsl(214,57%,4%)

Adjacent colors

HEX RGB HSL
#45CCBE rgb(69,204,190) hsl(174,57%,54%)
#4580CC rgb(69,128,204) hsl(214,57%,54%)
#6445CC rgb(100,69,204) hsl(254,57%,54%)

Monochromatic colors

HEX RGB HSL
#89B0DE rgb(137,176,222) hsl(212,56%,70%)
#6796D5 rgb(103,150,213) hsl(214,57%,62%)
#4580CC rgb(69,128,204) hsl(214,57%,54%)
#316BB3 rgb(49,107,179) hsl(213,57%,45%)
#275791 rgb(39,87,145) hsl(213,58%,36%)
#1E426F rgb(30,66,111) hsl(213,57%,28%)

Triad color palettes

HEX RGB HSL
#4580CC rgb(69,128,204) hsl(214,57%,54%)
#CC4D45 rgb(204,77,69) hsl(4,57%,54%)
#C3CC45 rgb(195,204,69) hsl(64,57%,54%)

Tetrad color palettes

HEX RGB HSL
#4580CC rgb(69,128,204) hsl(214,57%,54%)
#CC9145 rgb(204,145,69) hsl(34,57%,54%)
#45C4CC rgb(69,196,204) hsl(184,57%,54%)
#C3CC45 rgb(195,204,69) hsl(64,57%,54%)