HEX #5077C3 color — Indigo
The color #5077c3 is a dark shade and moderately saturated.
Palette
5077c3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,49%,99%) |
#e8edf7 |
rgb(232,237,247) |
hsl(220,49%,94%) |
#d5def1 |
rgb(213,222,241) |
hsl(220,49%,89%) |
#c2d0ea |
rgb(194,208,234) |
hsl(220,49%,84%) |
#afc1e4 |
rgb(175,193,228) |
hsl(220,49%,79%) |
#9cb2dd |
rgb(156,178,221) |
hsl(220,49%,74%) |
#89a3d7 |
rgb(137,163,215) |
hsl(220,49%,69%) |
#7694d0 |
rgb(118,148,208) |
hsl(220,49%,64%) |
#6385ca |
rgb(99,133,202) |
hsl(220,49%,59%) |
#5077c3 |
rgb(80,119,195) |
hsl(220,49%,54%) |
#4069ba |
rgb(64,105,186) |
hsl(220,49%,49%) |
#395ea7 |
rgb(57,94,167) |
hsl(220,49%,44%) |
#335394 |
rgb(51,83,148) |
hsl(220,49%,39%) |
#2c4981 |
rgb(44,73,129) |
hsl(220,49%,34%) |
#263e6e |
rgb(38,62,110) |
hsl(220,49%,29%) |
#1f335b |
rgb(31,51,91) |
hsl(220,49%,24%) |
#192948 |
rgb(25,41,72) |
hsl(220,49%,19%) |
#121e35 |
rgb(18,30,53) |
hsl(220,49%,14%) |
#0c1322 |
rgb(12,19,34) |
hsl(220,49%,9%) |
#05090f |
rgb(5,9,15) |
hsl(220,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C2C2 |
rgb(80,194,194) |
hsl(180,48%,54%) |
#5077C3 |
rgb(80,119,195) |
hsl(220,49%,54%) |
#754FC3 |
rgb(117,79,195) |
hsl(260,49%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91ABD9 |
rgb(145,171,217) |
hsl(218,49%,71%) |
#7091CE |
rgb(112,145,206) |
hsl(219,49%,62%) |
#5077C3 |
rgb(80,119,195) |
hsl(220,49%,54%) |
#3A61AC |
rgb(58,97,172) |
hsl(219,50%,45%) |
#2F4F8B |
rgb(47,79,139) |
hsl(219,49%,36%) |
#243D6A |
rgb(36,61,106) |
hsl(219,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5077C3 |
rgb(80,119,195) |
hsl(220,49%,54%) |
#C36350 |
rgb(195,99,80) |
hsl(10,49%,54%) |
#B0C250 |
rgb(176,194,80) |
hsl(69,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5077C3 |
rgb(80,119,195) |
hsl(220,49%,54%) |
#C39C50 |
rgb(195,156,80) |
hsl(40,49%,54%) |
#50B0C3 |
rgb(80,176,195) |
hsl(190,49%,54%) |
#B0C250 |
rgb(176,194,80) |
hsl(69,48%,54%) |