HEX #3A5CBC color — Indigo
The color #3A5CBC is a dark shade and moderately saturated.
Palette
3A5CBC 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 |
#3AB3BC |
rgb(58,179,188) |
hsl(184,53%,48%) |
#3A5CBC |
rgb(58,92,188) |
hsl(224,53%,48%) |
#6E3BBC |
rgb(110,59,188) |
hsl(264,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#718CD3 |
rgb(113,140,211) |
hsl(223,53%,64%) |
#5373CA |
rgb(83,115,202) |
hsl(224,53%,56%) |
#3A5CBC |
rgb(58,92,188) |
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 |
#3A5CBC |
rgb(58,92,188) |
hsl(224,53%,48%) |
#BC593A |
rgb(188,89,58) |
hsl(14,53%,48%) |
#9DBD3A |
rgb(157,189,58) |
hsl(75,53%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CBC |
rgb(58,92,188) |
hsl(224,53%,48%) |
#BC993A |
rgb(188,153,58) |
hsl(44,53%,48%) |
#3A9EBC |
rgb(58,158,188) |
hsl(194,53%,48%) |
#9DBD3A |
rgb(157,189,58) |
hsl(75,53%,48%) |