HEX #507AC0 color — Indigo

The color #507AC0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

507AC0 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(218,47%,98%)
#e5ebf6 rgb(229,235,246) hsl(218,47%,93%)
#d2ddef rgb(210,221,239) hsl(218,47%,88%)
#bfcee8 rgb(191,206,232) hsl(218,47%,83%)
#adc0e1 rgb(173,192,225) hsl(218,47%,78%)
#9ab2db rgb(154,178,219) hsl(218,47%,73%)
#87a3d4 rgb(135,163,212) hsl(218,47%,68%)
#7495cd rgb(116,149,205) hsl(218,47%,63%)
#6286c6 rgb(98,134,198) hsl(218,47%,58%)
#4f78bf rgb(79,120,191) hsl(218,47%,53%)
#416bb4 rgb(65,107,180) hsl(218,47%,48%)
#3a60a1 rgb(58,96,161) hsl(218,47%,43%)
#33558e rgb(51,85,142) hsl(218,47%,38%)
#2d4a7c rgb(45,74,124) hsl(218,47%,33%)
#263e69 rgb(38,62,105) hsl(218,47%,28%)
#1f3356 rgb(31,51,86) hsl(218,47%,23%)
#182843 rgb(24,40,67) hsl(218,47%,18%)
#121d31 rgb(18,29,49) hsl(218,47%,13%)
#0b121e rgb(11,18,30) hsl(218,47%,8%)
#04070b rgb(4,7,11) hsl(218,47%,3%)

Adjacent colors

HEX RGB HSL
#50BFBB rgb(80,191,187) hsl(178,46%,53%)
#507AC0 rgb(80,122,192) hsl(218,47%,53%)
#704FC0 rgb(112,79,192) hsl(258,47%,53%)

Monochromatic colors

HEX RGB HSL
#90ABD7 rgb(144,171,215) hsl(217,47%,70%)
#7091CB rgb(112,145,203) hsl(218,47%,62%)
#507AC0 rgb(80,122,192) hsl(218,47%,53%)
#3C66A8 rgb(60,102,168) hsl(217,47%,45%)
#305288 rgb(48,82,136) hsl(217,48%,36%)
#253D68 rgb(37,61,104) hsl(219,48%,28%)

Triad color palettes

HEX RGB HSL
#507AC0 rgb(80,122,192) hsl(218,47%,53%)
#C05E50 rgb(192,94,80) hsl(8,47%,53%)
#B2BF50 rgb(178,191,80) hsl(67,46%,53%)

Tetrad color palettes

HEX RGB HSL
#507AC0 rgb(80,122,192) hsl(218,47%,53%)
#C09650 rgb(192,150,80) hsl(38,47%,53%)
#50B3C0 rgb(80,179,192) hsl(187,47%,53%)
#B2BF50 rgb(178,191,80) hsl(67,46%,53%)