HEX #5A6ED2 color — Indigo
The color #5A6ED2 is a dark shade and moderately saturated.
Palette
5A6ED2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,57%,99%) |
#e7eaf8 |
rgb(231,234,248) |
hsl(230,57%,94%) |
#d3d8f3 |
rgb(211,216,243) |
hsl(230,57%,89%) |
#bfc7ed |
rgb(191,199,237) |
hsl(230,57%,84%) |
#abb5e8 |
rgb(171,181,232) |
hsl(230,57%,79%) |
#97a4e2 |
rgb(151,164,226) |
hsl(230,57%,74%) |
#8392dd |
rgb(131,146,221) |
hsl(230,57%,69%) |
#6f80d8 |
rgb(111,128,216) |
hsl(230,57%,64%) |
#5b6fd2 |
rgb(91,111,210) |
hsl(230,57%,59%) |
#475dcd |
rgb(71,93,205) |
hsl(230,57%,54%) |
#364dc4 |
rgb(54,77,196) |
hsl(230,57%,49%) |
#3046b0 |
rgb(48,70,176) |
hsl(230,57%,44%) |
#2b3e9c |
rgb(43,62,156) |
hsl(230,57%,39%) |
#253688 |
rgb(37,54,136) |
hsl(230,57%,34%) |
#202e74 |
rgb(32,46,116) |
hsl(230,57%,29%) |
#1a2660 |
rgb(26,38,96) |
hsl(230,57%,24%) |
#151e4c |
rgb(21,30,76) |
hsl(230,57%,19%) |
#0f1638 |
rgb(15,22,56) |
hsl(230,57%,14%) |
#0a0e24 |
rgb(10,14,36) |
hsl(230,57%,9%) |
#040610 |
rgb(4,6,16) |
hsl(230,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABFD2 |
rgb(90,191,210) |
hsl(190,57%,59%) |
#5A6ED2 |
rgb(90,110,210) |
hsl(230,57%,59%) |
#9659D2 |
rgb(150,89,210) |
hsl(270,57%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5B0E6 |
rgb(165,176,230) |
hsl(230,57%,77%) |
#7F8FDC |
rgb(127,143,220) |
hsl(230,57%,68%) |
#5A6ED2 |
rgb(90,110,210) |
hsl(230,57%,59%) |
#364FC6 |
rgb(54,79,198) |
hsl(230,57%,49%) |
#2B40A0 |
rgb(43,64,160) |
hsl(229,58%,40%) |
#21307A |
rgb(33,48,122) |
hsl(230,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6ED2 |
rgb(90,110,210) |
hsl(230,57%,59%) |
#D2825A |
rgb(210,130,90) |
hsl(20,57%,59%) |
#AAD15A |
rgb(170,209,90) |
hsl(80,56%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6ED2 |
rgb(90,110,210) |
hsl(230,57%,59%) |
#D2BF5A |
rgb(210,191,90) |
hsl(51,57%,59%) |
#5AABD2 |
rgb(90,171,210) |
hsl(200,57%,59%) |
#AAD15A |
rgb(170,209,90) |
hsl(80,56%,59%) |