HEX #5180C4 color — Indigo
The color #5180C4 is a dark shade and moderately saturated.
Palette
5180C4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,49%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(215,49%,94%) |
#d5e1f1 |
rgb(213,225,241) |
hsl(215,49%,89%) |
#c2d3ea |
rgb(194,211,234) |
hsl(215,49%,84%) |
#afc5e4 |
rgb(175,197,228) |
hsl(215,49%,79%) |
#9cb7dd |
rgb(156,183,221) |
hsl(215,49%,74%) |
#89a9d7 |
rgb(137,169,215) |
hsl(215,49%,69%) |
#769cd0 |
rgb(118,156,208) |
hsl(215,49%,64%) |
#638eca |
rgb(99,142,202) |
hsl(215,49%,59%) |
#5080c3 |
rgb(80,128,195) |
hsl(215,49%,54%) |
#4073ba |
rgb(64,115,186) |
hsl(215,49%,49%) |
#3967a7 |
rgb(57,103,167) |
hsl(215,49%,44%) |
#335b94 |
rgb(51,91,148) |
hsl(215,49%,39%) |
#2c5081 |
rgb(44,80,129) |
hsl(215,49%,34%) |
#26446e |
rgb(38,68,110) |
hsl(215,49%,29%) |
#1f385b |
rgb(31,56,91) |
hsl(215,49%,24%) |
#192c48 |
rgb(25,44,72) |
hsl(215,49%,19%) |
#122135 |
rgb(18,33,53) |
hsl(215,49%,14%) |
#0c1522 |
rgb(12,21,34) |
hsl(215,49%,9%) |
#05090f |
rgb(5,9,15) |
hsl(215,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#51C4BB |
rgb(81,196,187) |
hsl(175,49%,54%) |
#5180C4 |
rgb(81,128,196) |
hsl(215,49%,54%) |
#6E52C4 |
rgb(110,82,196) |
hsl(255,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93B0DA |
rgb(147,176,218) |
hsl(215,49%,72%) |
#7299CF |
rgb(114,153,207) |
hsl(215,49%,63%) |
#5180C4 |
rgb(81,128,196) |
hsl(215,49%,54%) |
#3A6BAD |
rgb(58,107,173) |
hsl(214,50%,45%) |
#2F578C |
rgb(47,87,140) |
hsl(214,50%,37%) |
#24426B |
rgb(36,66,107) |
hsl(215,50%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5180C4 |
rgb(81,128,196) |
hsl(215,49%,54%) |
#C45C51 |
rgb(196,92,81) |
hsl(6,49%,54%) |
#B9C451 |
rgb(185,196,81) |
hsl(66,49%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5180C4 |
rgb(81,128,196) |
hsl(215,49%,54%) |
#C49451 |
rgb(196,148,81) |
hsl(35,49%,54%) |
#51BAC4 |
rgb(81,186,196) |
hsl(185,49%,54%) |
#B9C451 |
rgb(185,196,81) |
hsl(66,49%,54%) |