HEX #507AC1 color — Indigo
The color #507AC1 is a dark shade and moderately saturated.
Palette
507AC1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,48%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(218,48%,94%) |
#d5dff0 |
rgb(213,223,240) |
hsl(218,48%,89%) |
#c3d1ea |
rgb(195,209,234) |
hsl(218,48%,84%) |
#b0c3e3 |
rgb(176,195,227) |
hsl(218,48%,79%) |
#9db4dd |
rgb(157,180,221) |
hsl(218,48%,74%) |
#8aa6d6 |
rgb(138,166,214) |
hsl(218,48%,69%) |
#7797cf |
rgb(119,151,207) |
hsl(218,48%,64%) |
#6489c9 |
rgb(100,137,201) |
hsl(218,48%,59%) |
#517bc2 |
rgb(81,123,194) |
hsl(218,48%,54%) |
#416db9 |
rgb(65,109,185) |
hsl(218,48%,49%) |
#3a62a6 |
rgb(58,98,166) |
hsl(218,48%,44%) |
#345793 |
rgb(52,87,147) |
hsl(218,48%,39%) |
#2d4c80 |
rgb(45,76,128) |
hsl(218,48%,34%) |
#26406d |
rgb(38,64,109) |
hsl(218,48%,29%) |
#20355b |
rgb(32,53,91) |
hsl(218,48%,24%) |
#192a48 |
rgb(25,42,72) |
hsl(218,48%,19%) |
#131f35 |
rgb(19,31,53) |
hsl(218,48%,14%) |
#0c1422 |
rgb(12,20,34) |
hsl(218,48%,9%) |
#05090f |
rgb(5,9,15) |
hsl(218,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C2BC |
rgb(80,194,188) |
hsl(177,48%,54%) |
#507AC1 |
rgb(80,122,193) |
hsl(218,48%,54%) |
#714FC1 |
rgb(113,79,193) |
hsl(258,48%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90ABD7 |
rgb(144,171,215) |
hsl(217,47%,70%) |
#7091CC |
rgb(112,145,204) |
hsl(218,47%,62%) |
#507AC1 |
rgb(80,122,193) |
hsl(218,48%,54%) |
#3B63A9 |
rgb(59,99,169) |
hsl(218,48%,45%) |
#305289 |
rgb(48,82,137) |
hsl(217,48%,36%) |
#253D68 |
rgb(37,61,104) |
hsl(219,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#507AC1 |
rgb(80,122,193) |
hsl(218,48%,54%) |
#C15E50 |
rgb(193,94,80) |
hsl(7,48%,54%) |
#B2C250 |
rgb(178,194,80) |
hsl(68,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#507AC1 |
rgb(80,122,193) |
hsl(218,48%,54%) |
#C19650 |
rgb(193,150,80) |
hsl(37,48%,54%) |
#50B3C1 |
rgb(80,179,193) |
hsl(187,48%,54%) |
#B2C250 |
rgb(178,194,80) |
hsl(68,48%,54%) |