HEX #506BC1 color — Indigo
The color #506BC1 is a dark shade and moderately saturated.
Palette
506BC1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,48%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(226,48%,94%) |
#d5dcf0 |
rgb(213,220,240) |
hsl(226,48%,89%) |
#c3ccea |
rgb(195,204,234) |
hsl(226,48%,84%) |
#b0bce3 |
rgb(176,188,227) |
hsl(226,48%,79%) |
#9dacdd |
rgb(157,172,221) |
hsl(226,48%,74%) |
#8a9cd6 |
rgb(138,156,214) |
hsl(226,48%,69%) |
#778ccf |
rgb(119,140,207) |
hsl(226,48%,64%) |
#647cc9 |
rgb(100,124,201) |
hsl(226,48%,59%) |
#516cc2 |
rgb(81,108,194) |
hsl(226,48%,54%) |
#415db9 |
rgb(65,93,185) |
hsl(226,48%,49%) |
#3a53a6 |
rgb(58,83,166) |
hsl(226,48%,44%) |
#344a93 |
rgb(52,74,147) |
hsl(226,48%,39%) |
#2d4180 |
rgb(45,65,128) |
hsl(226,48%,34%) |
#26376d |
rgb(38,55,109) |
hsl(226,48%,29%) |
#202e5b |
rgb(32,46,91) |
hsl(226,48%,24%) |
#192448 |
rgb(25,36,72) |
hsl(226,48%,19%) |
#131b35 |
rgb(19,27,53) |
hsl(226,48%,14%) |
#0c1122 |
rgb(12,17,34) |
hsl(226,48%,9%) |
#05080f |
rgb(5,8,15) |
hsl(226,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B8C1 |
rgb(80,184,193) |
hsl(185,48%,54%) |
#506BC1 |
rgb(80,107,193) |
hsl(226,48%,54%) |
#804FC1 |
rgb(128,79,193) |
hsl(266,48%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90A1D7 |
rgb(144,161,215) |
hsl(226,47%,70%) |
#7087CC |
rgb(112,135,204) |
hsl(225,47%,62%) |
#506BC1 |
rgb(80,107,193) |
hsl(226,48%,54%) |
#3B57A9 |
rgb(59,87,169) |
hsl(225,48%,45%) |
#304589 |
rgb(48,69,137) |
hsl(226,48%,36%) |
#253668 |
rgb(37,54,104) |
hsl(225,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#506BC1 |
rgb(80,107,193) |
hsl(226,48%,54%) |
#C16E50 |
rgb(193,110,80) |
hsl(16,48%,54%) |
#A3C250 |
rgb(163,194,80) |
hsl(76,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506BC1 |
rgb(80,107,193) |
hsl(226,48%,54%) |
#C1A650 |
rgb(193,166,80) |
hsl(46,48%,54%) |
#50A3C1 |
rgb(80,163,193) |
hsl(196,48%,54%) |
#A3C250 |
rgb(163,194,80) |
hsl(76,48%,54%) |