HEX #507EC3 color — Indigo
The color #507ec3 is a dark shade and moderately saturated.
Palette
507ec3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,49%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(216,49%,94%) |
#d5e0f1 |
rgb(213,224,241) |
hsl(216,49%,89%) |
#c2d2ea |
rgb(194,210,234) |
hsl(216,49%,84%) |
#afc4e4 |
rgb(175,196,228) |
hsl(216,49%,79%) |
#9cb6dd |
rgb(156,182,221) |
hsl(216,49%,74%) |
#89a8d7 |
rgb(137,168,215) |
hsl(216,49%,69%) |
#769ad0 |
rgb(118,154,208) |
hsl(216,49%,64%) |
#638cca |
rgb(99,140,202) |
hsl(216,49%,59%) |
#507ec3 |
rgb(80,126,195) |
hsl(216,49%,54%) |
#4071ba |
rgb(64,113,186) |
hsl(216,49%,49%) |
#3965a7 |
rgb(57,101,167) |
hsl(216,49%,44%) |
#335a94 |
rgb(51,90,148) |
hsl(216,49%,39%) |
#2c4e81 |
rgb(44,78,129) |
hsl(216,49%,34%) |
#26436e |
rgb(38,67,110) |
hsl(216,49%,29%) |
#1f375b |
rgb(31,55,91) |
hsl(216,49%,24%) |
#192c48 |
rgb(25,44,72) |
hsl(216,49%,19%) |
#122035 |
rgb(18,32,53) |
hsl(216,49%,14%) |
#0c1522 |
rgb(12,21,34) |
hsl(216,49%,9%) |
#05090f |
rgb(5,9,15) |
hsl(216,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C2BB |
rgb(80,194,187) |
hsl(176,48%,54%) |
#507EC3 |
rgb(80,126,195) |
hsl(216,49%,54%) |
#6E4FC3 |
rgb(110,79,195) |
hsl(256,49%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91ADD9 |
rgb(145,173,217) |
hsl(217,49%,71%) |
#7096CE |
rgb(112,150,206) |
hsl(216,49%,62%) |
#507EC3 |
rgb(80,126,195) |
hsl(216,49%,54%) |
#3A69AC |
rgb(58,105,172) |
hsl(215,50%,45%) |
#2F548B |
rgb(47,84,139) |
hsl(216,49%,36%) |
#24406A |
rgb(36,64,106) |
hsl(216,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#507EC3 |
rgb(80,126,195) |
hsl(216,49%,54%) |
#C35C50 |
rgb(195,92,80) |
hsl(6,49%,54%) |
#B7C250 |
rgb(183,194,80) |
hsl(66,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#507EC3 |
rgb(80,126,195) |
hsl(216,49%,54%) |
#C39450 |
rgb(195,148,80) |
hsl(35,49%,54%) |
#50B8C3 |
rgb(80,184,195) |
hsl(186,49%,54%) |
#B7C250 |
rgb(183,194,80) |
hsl(66,48%,54%) |