HEX #4580CB color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

4580CB color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(214,56%,98%)
#e3ecf7 rgb(227,236,247) hsl(214,56%,93%)
#cfdef2 rgb(207,222,242) hsl(214,56%,88%)
#bbd0ec rgb(187,208,236) hsl(214,56%,83%)
#a7c3e6 rgb(167,195,230) hsl(214,56%,78%)
#94b5e1 rgb(148,181,225) hsl(214,56%,73%)
#80a7db rgb(128,167,219) hsl(214,56%,68%)
#6c9ad5 rgb(108,154,213) hsl(214,56%,63%)
#588cd0 rgb(88,140,208) hsl(214,56%,58%)
#447eca rgb(68,126,202) hsl(214,56%,53%)
#3671bf rgb(54,113,191) hsl(214,56%,48%)
#3065ab rgb(48,101,171) hsl(214,56%,43%)
#2b5a97 rgb(43,90,151) hsl(214,56%,38%)
#254e83 rgb(37,78,131) hsl(214,56%,33%)
#1f426f rgb(31,66,111) hsl(214,56%,28%)
#1a365b rgb(26,54,91) hsl(214,56%,23%)
#142a48 rgb(20,42,72) hsl(214,56%,18%)
#0f1f34 rgb(15,31,52) hsl(214,56%,13%)
#091320 rgb(9,19,32) hsl(214,56%,8%)
#03070c rgb(3,7,12) hsl(214,56%,3%)

Adjacent colors

HEX RGB HSL
#45CCBC rgb(69,204,188) hsl(173,57%,54%)
#4580CB rgb(69,128,203) hsl(214,56%,53%)
#6345CB rgb(99,69,203) hsl(253,56%,53%)

Monochromatic colors

HEX RGB HSL
#89ADDE rgb(137,173,222) hsl(215,56%,70%)
#6796D4 rgb(103,150,212) hsl(214,56%,62%)
#4580CB rgb(69,128,203) hsl(214,56%,53%)
#316BB2 rgb(49,107,178) hsl(213,57%,45%)
#285790 rgb(40,87,144) hsl(213,57%,36%)
#1E426E rgb(30,66,110) hsl(213,57%,27%)

Triad color palettes

HEX RGB HSL
#4580CB rgb(69,128,203) hsl(214,56%,53%)
#CB4D45 rgb(203,77,69) hsl(4,56%,53%)
#C3CC45 rgb(195,204,69) hsl(64,57%,54%)

Tetrad color palettes

HEX RGB HSL
#4580CB rgb(69,128,203) hsl(214,56%,53%)
#CB8F45 rgb(203,143,69) hsl(33,56%,53%)
#45C2CB rgb(69,194,203) hsl(184,56%,53%)
#C3CC45 rgb(195,204,69) hsl(64,57%,54%)