HEX #4580C7 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

4580C7 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(213,54%,98%)
#e4ecf7 rgb(228,236,247) hsl(213,54%,93%)
#d0dff1 rgb(208,223,241) hsl(213,54%,88%)
#bcd1eb rgb(188,209,235) hsl(213,54%,83%)
#a9c4e5 rgb(169,196,229) hsl(213,54%,78%)
#95b6df rgb(149,182,223) hsl(213,54%,73%)
#81a9d9 rgb(129,169,217) hsl(213,54%,68%)
#6e9cd4 rgb(110,156,212) hsl(213,54%,63%)
#5a8ece rgb(90,142,206) hsl(213,54%,58%)
#4681c8 rgb(70,129,200) hsl(213,54%,53%)
#3874bc rgb(56,116,188) hsl(213,54%,48%)
#3268a9 rgb(50,104,169) hsl(213,54%,43%)
#2d5c95 rgb(45,92,149) hsl(213,54%,38%)
#275082 rgb(39,80,130) hsl(213,54%,33%)
#21446e rgb(33,68,110) hsl(213,54%,28%)
#1b375a rgb(27,55,90) hsl(213,54%,23%)
#152b47 rgb(21,43,71) hsl(213,54%,18%)
#0f1f33 rgb(15,31,51) hsl(213,54%,13%)
#09131f rgb(9,19,31) hsl(213,54%,8%)
#04070c rgb(4,7,12) hsl(213,54%,3%)

Adjacent colors

HEX RGB HSL
#45C7B7 rgb(69,199,183) hsl(173,54%,53%)
#4580C7 rgb(69,128,199) hsl(213,54%,53%)
#6045C7 rgb(96,69,199) hsl(252,54%,53%)

Monochromatic colors

HEX RGB HSL
#86ADDA rgb(134,173,218) hsl(212,53%,69%)
#6596D0 rgb(101,150,208) hsl(213,53%,61%)
#4580C7 rgb(69,128,199) hsl(213,54%,53%)
#346BAD rgb(52,107,173) hsl(213,54%,44%)
#2A578C rgb(42,87,140) hsl(212,54%,36%)
#20426B rgb(32,66,107) hsl(213,54%,27%)

Triad color palettes

HEX RGB HSL
#4580C7 rgb(69,128,199) hsl(213,54%,53%)
#C74A45 rgb(199,74,69) hsl(2,54%,53%)
#C1C745 rgb(193,199,69) hsl(63,54%,53%)

Tetrad color palettes

HEX RGB HSL
#4580C7 rgb(69,128,199) hsl(213,54%,53%)
#C78C45 rgb(199,140,69) hsl(33,54%,53%)
#45C2C7 rgb(69,194,199) hsl(182,54%,53%)
#C1C745 rgb(193,199,69) hsl(63,54%,53%)