HEX #507AC0 color — Indigo
The color #507AC0 is a dark shade and moderately saturated.
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%) |