HEX #4580C3 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

4580C3 color palette from light to dark

HEX RGB HSL
#f3f7fb rgb(243,247,251) hsl(212,51%,97%)
#e0eaf5 rgb(224,234,245) hsl(212,51%,92%)
#cdddef rgb(205,221,239) hsl(212,51%,87%)
#bad0e9 rgb(186,208,233) hsl(212,51%,82%)
#a6c2e2 rgb(166,194,226) hsl(212,51%,77%)
#93b5dc rgb(147,181,220) hsl(212,51%,72%)
#80a8d6 rgb(128,168,214) hsl(212,51%,67%)
#6d9bd0 rgb(109,155,208) hsl(212,51%,62%)
#598ec9 rgb(89,142,201) hsl(212,51%,57%)
#4680c3 rgb(70,128,195) hsl(212,51%,52%)
#3b74b5 rgb(59,116,181) hsl(212,51%,47%)
#3467a2 rgb(52,103,162) hsl(212,51%,42%)
#2e5b8e rgb(46,91,142) hsl(212,51%,37%)
#284f7b rgb(40,79,123) hsl(212,51%,32%)
#224368 rgb(34,67,104) hsl(212,51%,27%)
#1b3655 rgb(27,54,85) hsl(212,51%,22%)
#152a41 rgb(21,42,65) hsl(212,51%,17%)
#0f1e2e rgb(15,30,46) hsl(212,51%,12%)
#09111b rgb(9,17,27) hsl(212,51%,7%)
#020508 rgb(2,5,8) hsl(212,51%,2%)

Adjacent colors

HEX RGB HSL
#45C2B2 rgb(69,194,178) hsl(172,51%,52%)
#4580C3 rgb(69,128,195) hsl(212,51%,52%)
#5E45C3 rgb(94,69,195) hsl(252,51%,52%)

Monochromatic colors

HEX RGB HSL
#84ABD7 rgb(132,171,215) hsl(212,51%,68%)
#6496CD rgb(100,150,205) hsl(211,51%,60%)
#4580C3 rgb(69,128,195) hsl(212,51%,52%)
#366BA7 rgb(54,107,167) hsl(212,51%,43%)
#2B5787 rgb(43,87,135) hsl(211,52%,35%)
#214267 rgb(33,66,103) hsl(212,51%,27%)

Triad color palettes

HEX RGB HSL
#4580C3 rgb(69,128,195) hsl(212,51%,52%)
#C34A45 rgb(195,74,69) hsl(2,51%,52%)
#BFC245 rgb(191,194,69) hsl(61,51%,52%)

Tetrad color palettes

HEX RGB HSL
#4580C3 rgb(69,128,195) hsl(212,51%,52%)
#C38745 rgb(195,135,69) hsl(31,51%,52%)
#45BFC3 rgb(69,191,195) hsl(182,51%,52%)
#BFC245 rgb(191,194,69) hsl(61,51%,52%)