HEX #506BC4 color — Indigo
The color #506BC4 is a dark shade and moderately saturated.
Palette
506BC4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,50%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(226,50%,94%) |
#d5dbf1 |
rgb(213,219,241) |
hsl(226,50%,89%) |
#c2cbeb |
rgb(194,203,235) |
hsl(226,50%,84%) |
#afbbe4 |
rgb(175,187,228) |
hsl(226,50%,79%) |
#9cabde |
rgb(156,171,222) |
hsl(226,50%,74%) |
#889bd7 |
rgb(136,155,215) |
hsl(226,50%,69%) |
#758bd1 |
rgb(117,139,209) |
hsl(226,50%,64%) |
#627bcb |
rgb(98,123,203) |
hsl(226,50%,59%) |
#4f6ac4 |
rgb(79,106,196) |
hsl(226,50%,54%) |
#3e5cbb |
rgb(62,92,187) |
hsl(226,50%,49%) |
#3852a8 |
rgb(56,82,168) |
hsl(226,50%,44%) |
#324995 |
rgb(50,73,149) |
hsl(226,50%,39%) |
#2b4082 |
rgb(43,64,130) |
hsl(226,50%,34%) |
#25366f |
rgb(37,54,111) |
hsl(226,50%,29%) |
#1f2d5c |
rgb(31,45,92) |
hsl(226,50%,24%) |
#182449 |
rgb(24,36,73) |
hsl(226,50%,19%) |
#121a36 |
rgb(18,26,54) |
hsl(226,50%,14%) |
#0b1122 |
rgb(11,17,34) |
hsl(226,50%,9%) |
#05070f |
rgb(5,7,15) |
hsl(226,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B8C4 |
rgb(80,184,196) |
hsl(186,50%,54%) |
#506BC4 |
rgb(80,107,196) |
hsl(226,50%,54%) |
#824FC4 |
rgb(130,79,196) |
hsl(266,50%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92A3DA |
rgb(146,163,218) |
hsl(226,49%,71%) |
#7187CF |
rgb(113,135,207) |
hsl(226,49%,63%) |
#506BC4 |
rgb(80,107,196) |
hsl(226,50%,54%) |
#3A54AD |
rgb(58,84,173) |
hsl(226,50%,45%) |
#2F458C |
rgb(47,69,140) |
hsl(226,50%,37%) |
#24366B |
rgb(36,54,107) |
hsl(225,50%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#506BC4 |
rgb(80,107,196) |
hsl(226,50%,54%) |
#C47050 |
rgb(196,112,80) |
hsl(17,50%,54%) |
#A5C450 |
rgb(165,196,80) |
hsl(76,50%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506BC4 |
rgb(80,107,196) |
hsl(226,50%,54%) |
#C4A850 |
rgb(196,168,80) |
hsl(46,50%,54%) |
#50A6C4 |
rgb(80,166,196) |
hsl(196,50%,54%) |
#A5C450 |
rgb(165,196,80) |
hsl(76,50%,54%) |