HEX #505AC3 color — Indigo
The color #505ac3 is a dark shade and moderately saturated.
Palette
505ac3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(235,49%,99%) |
#e8e9f7 |
rgb(232,233,247) |
hsl(235,49%,94%) |
#d5d7f1 |
rgb(213,215,241) |
hsl(235,49%,89%) |
#c2c6ea |
rgb(194,198,234) |
hsl(235,49%,84%) |
#afb4e4 |
rgb(175,180,228) |
hsl(235,49%,79%) |
#9ca2dd |
rgb(156,162,221) |
hsl(235,49%,74%) |
#8990d7 |
rgb(137,144,215) |
hsl(235,49%,69%) |
#767ed0 |
rgb(118,126,208) |
hsl(235,49%,64%) |
#636cca |
rgb(99,108,202) |
hsl(235,49%,59%) |
#505ac3 |
rgb(80,90,195) |
hsl(235,49%,54%) |
#404aba |
rgb(64,74,186) |
hsl(235,49%,49%) |
#3942a7 |
rgb(57,66,167) |
hsl(235,49%,44%) |
#333b94 |
rgb(51,59,148) |
hsl(235,49%,39%) |
#2c3381 |
rgb(44,51,129) |
hsl(235,49%,34%) |
#262c6e |
rgb(38,44,110) |
hsl(235,49%,29%) |
#1f245b |
rgb(31,36,91) |
hsl(235,49%,24%) |
#191d48 |
rgb(25,29,72) |
hsl(235,49%,19%) |
#121535 |
rgb(18,21,53) |
hsl(235,49%,14%) |
#0c0e22 |
rgb(12,14,34) |
hsl(235,49%,9%) |
#05060f |
rgb(5,6,15) |
hsl(235,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50A6C3 |
rgb(80,166,195) |
hsl(195,49%,54%) |
#505AC3 |
rgb(80,90,195) |
hsl(235,49%,54%) |
#924FC3 |
rgb(146,79,195) |
hsl(275,49%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9199D9 |
rgb(145,153,217) |
hsl(233,49%,71%) |
#7078CE |
rgb(112,120,206) |
hsl(235,49%,62%) |
#505AC3 |
rgb(80,90,195) |
hsl(235,49%,54%) |
#3A45AC |
rgb(58,69,172) |
hsl(234,50%,45%) |
#2F388B |
rgb(47,56,139) |
hsl(234,49%,36%) |
#242B6A |
rgb(36,43,106) |
hsl(234,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#505AC3 |
rgb(80,90,195) |
hsl(235,49%,54%) |
#C38050 |
rgb(195,128,80) |
hsl(25,49%,54%) |
#93C250 |
rgb(147,194,80) |
hsl(85,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505AC3 |
rgb(80,90,195) |
hsl(235,49%,54%) |
#C3BA50 |
rgb(195,186,80) |
hsl(55,49%,54%) |
#5094C3 |
rgb(80,148,195) |
hsl(205,49%,54%) |
#93C250 |
rgb(147,194,80) |
hsl(85,48%,54%) |