HEX #3A5CBB color — Indigo
The color #3A5CBB is a dark shade and moderately saturated.
Palette
3A5CBB color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(224,53%,98%) |
#e4e9f7 |
rgb(228,233,247) |
hsl(224,53%,93%) |
#d0d9f1 |
rgb(208,217,241) |
hsl(224,53%,88%) |
#bdc9eb |
rgb(189,201,235) |
hsl(224,53%,83%) |
#a9b9e5 |
rgb(169,185,229) |
hsl(224,53%,78%) |
#96a9df |
rgb(150,169,223) |
hsl(224,53%,73%) |
#8299d9 |
rgb(130,153,217) |
hsl(224,53%,68%) |
#6f89d3 |
rgb(111,137,211) |
hsl(224,53%,63%) |
#5b79cd |
rgb(91,121,205) |
hsl(224,53%,58%) |
#486ac7 |
rgb(72,106,199) |
hsl(224,53%,53%) |
#3a5cbb |
rgb(58,92,187) |
hsl(224,53%,48%) |
#3453a8 |
rgb(52,83,168) |
hsl(224,53%,43%) |
#2e4994 |
rgb(46,73,148) |
hsl(224,53%,38%) |
#283f81 |
rgb(40,63,129) |
hsl(224,53%,33%) |
#22366d |
rgb(34,54,109) |
hsl(224,53%,28%) |
#1c2c5a |
rgb(28,44,90) |
hsl(224,53%,23%) |
#162346 |
rgb(22,35,70) |
hsl(224,53%,18%) |
#101933 |
rgb(16,25,51) |
hsl(224,53%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(224,53%,8%) |
#04060c |
rgb(4,6,12) |
hsl(224,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB3BB |
rgb(58,179,187) |
hsl(184,53%,48%) |
#3A5CBB |
rgb(58,92,187) |
hsl(224,53%,48%) |
#6E3BBB |
rgb(110,59,187) |
hsl(264,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#708AD2 |
rgb(112,138,210) |
hsl(224,52%,63%) |
#5273C9 |
rgb(82,115,201) |
hsl(223,52%,55%) |
#3A5CBB |
rgb(58,92,187) |
hsl(224,53%,48%) |
#304D9D |
rgb(48,77,157) |
hsl(224,53%,40%) |
#27407F |
rgb(39,64,127) |
hsl(223,53%,33%) |
#1E3061 |
rgb(30,48,97) |
hsl(224,53%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CBB |
rgb(58,92,187) |
hsl(224,53%,48%) |
#BB593A |
rgb(187,89,58) |
hsl(14,53%,48%) |
#9CBA3A |
rgb(156,186,58) |
hsl(74,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CBB |
rgb(58,92,187) |
hsl(224,53%,48%) |
#BB993A |
rgb(187,153,58) |
hsl(44,53%,48%) |
#3A9CBB |
rgb(58,156,187) |
hsl(194,53%,48%) |
#9CBA3A |
rgb(156,186,58) |
hsl(74,52%,48%) |