HEX #5A6CC4 color — Indigo
The color #5a6cc4 is a dark shade and moderately saturated.
Palette
5a6cc4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(230,47%,96%) |
#dde1f3 |
rgb(221,225,243) |
hsl(230,47%,91%) |
#cbd0ec |
rgb(203,208,236) |
hsl(230,47%,86%) |
#b8bfe5 |
rgb(184,191,229) |
hsl(230,47%,81%) |
#a5afdf |
rgb(165,175,223) |
hsl(230,47%,76%) |
#929ed8 |
rgb(146,158,216) |
hsl(230,47%,71%) |
#808dd1 |
rgb(128,141,209) |
hsl(230,47%,66%) |
#6d7cca |
rgb(109,124,202) |
hsl(230,47%,61%) |
#5a6cc4 |
rgb(90,108,196) |
hsl(230,47%,56%) |
#475bbd |
rgb(71,91,189) |
hsl(230,47%,51%) |
#3e51ac |
rgb(62,81,172) |
hsl(230,47%,46%) |
#37489a |
rgb(55,72,154) |
hsl(230,47%,41%) |
#313f87 |
rgb(49,63,135) |
hsl(230,47%,36%) |
#2a3674 |
rgb(42,54,116) |
hsl(230,47%,31%) |
#232e61 |
rgb(35,46,97) |
hsl(230,47%,26%) |
#1c254f |
rgb(28,37,79) |
hsl(230,47%,21%) |
#161c3c |
rgb(22,28,60) |
hsl(230,47%,16%) |
#0f1329 |
rgb(15,19,41) |
hsl(230,47%,11%) |
#080b16 |
rgb(8,11,22) |
hsl(230,47%,6%) |
#010204 |
rgb(1,2,4) |
hsl(230,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB3C4 |
rgb(90,179,196) |
hsl(190,47%,56%) |
#5A6CC4 |
rgb(90,108,196) |
hsl(230,47%,56%) |
#8E59C4 |
rgb(142,89,196) |
hsl(270,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DA8DC |
rgb(157,168,220) |
hsl(230,47%,74%) |
#7B8AD0 |
rgb(123,138,208) |
hsl(229,47%,65%) |
#5A6CC4 |
rgb(90,108,196) |
hsl(230,47%,56%) |
#3F52B0 |
rgb(63,82,176) |
hsl(230,47%,47%) |
#33428F |
rgb(51,66,143) |
hsl(230,47%,38%) |
#27336D |
rgb(39,51,109) |
hsl(230,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6CC4 |
rgb(90,108,196) |
hsl(230,47%,56%) |
#C47D5A |
rgb(196,125,90) |
hsl(20,47%,56%) |
#A1C45A |
rgb(161,196,90) |
hsl(80,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6CC4 |
rgb(90,108,196) |
hsl(230,47%,56%) |
#C4B35A |
rgb(196,179,90) |
hsl(50,47%,56%) |
#5AA1C4 |
rgb(90,161,196) |
hsl(200,47%,56%) |
#A1C45A |
rgb(161,196,90) |
hsl(80,47%,56%) |