HEX #5177C2 color — Indigo
The color #5177c2 is a dark shade and moderately saturated.
Palette
5177c2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,48%,99%) |
#e8edf7 |
rgb(232,237,247) |
hsl(220,48%,94%) |
#d5def0 |
rgb(213,222,240) |
hsl(220,48%,89%) |
#c3d0ea |
rgb(195,208,234) |
hsl(220,48%,84%) |
#b0c1e3 |
rgb(176,193,227) |
hsl(220,48%,79%) |
#9db2dd |
rgb(157,178,221) |
hsl(220,48%,74%) |
#8aa3d6 |
rgb(138,163,214) |
hsl(220,48%,69%) |
#7795cf |
rgb(119,149,207) |
hsl(220,48%,64%) |
#6486c9 |
rgb(100,134,201) |
hsl(220,48%,59%) |
#5177c2 |
rgb(81,119,194) |
hsl(220,48%,54%) |
#4169b9 |
rgb(65,105,185) |
hsl(220,48%,49%) |
#3a5ea6 |
rgb(58,94,166) |
hsl(220,48%,44%) |
#345493 |
rgb(52,84,147) |
hsl(220,48%,39%) |
#2d4980 |
rgb(45,73,128) |
hsl(220,48%,34%) |
#263e6d |
rgb(38,62,109) |
hsl(220,48%,29%) |
#20335b |
rgb(32,51,91) |
hsl(220,48%,24%) |
#192948 |
rgb(25,41,72) |
hsl(220,48%,19%) |
#131e35 |
rgb(19,30,53) |
hsl(220,48%,14%) |
#0c1322 |
rgb(12,19,34) |
hsl(220,48%,9%) |
#05090f |
rgb(5,9,15) |
hsl(220,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#51C2C1 |
rgb(81,194,193) |
hsl(179,48%,54%) |
#5177C2 |
rgb(81,119,194) |
hsl(220,48%,54%) |
#7652C2 |
rgb(118,82,194) |
hsl(259,48%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92ABD8 |
rgb(146,171,216) |
hsl(219,47%,71%) |
#7191CD |
rgb(113,145,205) |
hsl(219,48%,62%) |
#5177C2 |
rgb(81,119,194) |
hsl(220,48%,54%) |
#3B61AB |
rgb(59,97,171) |
hsl(220,49%,45%) |
#304F8A |
rgb(48,79,138) |
hsl(219,48%,36%) |
#253D69 |
rgb(37,61,105) |
hsl(219,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5177C2 |
rgb(81,119,194) |
hsl(220,48%,54%) |
#C26351 |
rgb(194,99,81) |
hsl(10,48%,54%) |
#AFC251 |
rgb(175,194,81) |
hsl(70,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5177C2 |
rgb(81,119,194) |
hsl(220,48%,54%) |
#C29C51 |
rgb(194,156,81) |
hsl(40,48%,54%) |
#51B0C2 |
rgb(81,176,194) |
hsl(190,48%,54%) |
#AFC251 |
rgb(175,194,81) |
hsl(70,48%,54%) |