HEX #505CC2 color — Indigo
The color #505CC2 is a dark shade and moderately saturated.
Palette
505CC2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(234,48%,99%) |
#e8eaf7 |
rgb(232,234,247) |
hsl(234,48%,94%) |
#d5d8f0 |
rgb(213,216,240) |
hsl(234,48%,89%) |
#c3c7ea |
rgb(195,199,234) |
hsl(234,48%,84%) |
#b0b5e3 |
rgb(176,181,227) |
hsl(234,48%,79%) |
#9da3dd |
rgb(157,163,221) |
hsl(234,48%,74%) |
#8a92d6 |
rgb(138,146,214) |
hsl(234,48%,69%) |
#7780cf |
rgb(119,128,207) |
hsl(234,48%,64%) |
#646ec9 |
rgb(100,110,201) |
hsl(234,48%,59%) |
#515dc2 |
rgb(81,93,194) |
hsl(234,48%,54%) |
#414db9 |
rgb(65,77,185) |
hsl(234,48%,49%) |
#3a45a6 |
rgb(58,69,166) |
hsl(234,48%,44%) |
#343d93 |
rgb(52,61,147) |
hsl(234,48%,39%) |
#2d3580 |
rgb(45,53,128) |
hsl(234,48%,34%) |
#262e6d |
rgb(38,46,109) |
hsl(234,48%,29%) |
#20265b |
rgb(32,38,91) |
hsl(234,48%,24%) |
#191e48 |
rgb(25,30,72) |
hsl(234,48%,19%) |
#131635 |
rgb(19,22,53) |
hsl(234,48%,14%) |
#0c0e22 |
rgb(12,14,34) |
hsl(234,48%,9%) |
#05060f |
rgb(5,6,15) |
hsl(234,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50A8C2 |
rgb(80,168,194) |
hsl(194,48%,54%) |
#505CC2 |
rgb(80,92,194) |
hsl(234,48%,54%) |
#904FC2 |
rgb(144,79,194) |
hsl(274,49%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9199D8 |
rgb(145,153,216) |
hsl(233,48%,71%) |
#707ACD |
rgb(112,122,205) |
hsl(234,48%,62%) |
#505CC2 |
rgb(80,92,194) |
hsl(234,48%,54%) |
#3B47AA |
rgb(59,71,170) |
hsl(234,48%,45%) |
#303B8A |
rgb(48,59,138) |
hsl(233,48%,36%) |
#242B69 |
rgb(36,43,105) |
hsl(234,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#505CC2 |
rgb(80,92,194) |
hsl(234,48%,54%) |
#C27D50 |
rgb(194,125,80) |
hsl(24,48%,54%) |
#95C250 |
rgb(149,194,80) |
hsl(84,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505CC2 |
rgb(80,92,194) |
hsl(234,48%,54%) |
#C2B550 |
rgb(194,181,80) |
hsl(53,48%,54%) |
#5094C2 |
rgb(80,148,194) |
hsl(204,48%,54%) |
#95C250 |
rgb(149,194,80) |
hsl(84,48%,54%) |