HEX #5180C2 color — Indigo
The color #5180C2 is a dark shade and moderately saturated.
Palette
5180C2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,48%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(215,48%,94%) |
#d5e1f0 |
rgb(213,225,240) |
hsl(215,48%,89%) |
#c3d3ea |
rgb(195,211,234) |
hsl(215,48%,84%) |
#b0c5e3 |
rgb(176,197,227) |
hsl(215,48%,79%) |
#9db7dd |
rgb(157,183,221) |
hsl(215,48%,74%) |
#8aaad6 |
rgb(138,170,214) |
hsl(215,48%,69%) |
#779ccf |
rgb(119,156,207) |
hsl(215,48%,64%) |
#648ec9 |
rgb(100,142,201) |
hsl(215,48%,59%) |
#5180c2 |
rgb(81,128,194) |
hsl(215,48%,54%) |
#4173b9 |
rgb(65,115,185) |
hsl(215,48%,49%) |
#3a67a6 |
rgb(58,103,166) |
hsl(215,48%,44%) |
#345b93 |
rgb(52,91,147) |
hsl(215,48%,39%) |
#2d5080 |
rgb(45,80,128) |
hsl(215,48%,34%) |
#26446d |
rgb(38,68,109) |
hsl(215,48%,29%) |
#20385b |
rgb(32,56,91) |
hsl(215,48%,24%) |
#192d48 |
rgb(25,45,72) |
hsl(215,48%,19%) |
#132135 |
rgb(19,33,53) |
hsl(215,48%,14%) |
#0c1522 |
rgb(12,21,34) |
hsl(215,48%,9%) |
#05090f |
rgb(5,9,15) |
hsl(215,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#51C2B8 |
rgb(81,194,184) |
hsl(175,48%,54%) |
#5180C2 |
rgb(81,128,194) |
hsl(215,48%,54%) |
#6D52C2 |
rgb(109,82,194) |
hsl(254,48%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92B0D8 |
rgb(146,176,216) |
hsl(214,47%,71%) |
#7199CD |
rgb(113,153,205) |
hsl(214,48%,62%) |
#5180C2 |
rgb(81,128,194) |
hsl(215,48%,54%) |
#3B6BAB |
rgb(59,107,171) |
hsl(214,49%,45%) |
#30578A |
rgb(48,87,138) |
hsl(214,48%,36%) |
#254269 |
rgb(37,66,105) |
hsl(214,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5180C2 |
rgb(81,128,194) |
hsl(215,48%,54%) |
#C25951 |
rgb(194,89,81) |
hsl(4,48%,54%) |
#B8C251 |
rgb(184,194,81) |
hsl(65,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5180C2 |
rgb(81,128,194) |
hsl(215,48%,54%) |
#C29451 |
rgb(194,148,81) |
hsl(36,48%,54%) |
#51B8C2 |
rgb(81,184,194) |
hsl(185,48%,54%) |
#B8C251 |
rgb(184,194,81) |
hsl(65,48%,54%) |