HEX #3A5470 color — San Juan
The color #3A5470 is a dark shade and slightly desaturated.
Palette
3A5470 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(211,32%,98%) |
#e7edf3 |
rgb(231,237,243) |
hsl(211,32%,93%) |
#d7e0ea |
rgb(215,224,234) |
hsl(211,32%,88%) |
#c6d3e2 |
rgb(198,211,226) |
hsl(211,32%,83%) |
#b5c6d9 |
rgb(181,198,217) |
hsl(211,32%,78%) |
#a4b9d0 |
rgb(164,185,208) |
hsl(211,32%,73%) |
#93adc8 |
rgb(147,173,200) |
hsl(211,32%,68%) |
#82a0bf |
rgb(130,160,191) |
hsl(211,32%,63%) |
#7293b6 |
rgb(114,147,182) |
hsl(211,32%,58%) |
#6186ae |
rgb(97,134,174) |
hsl(211,32%,53%) |
#5379a2 |
rgb(83,121,162) |
hsl(211,32%,48%) |
#4b6c91 |
rgb(75,108,145) |
hsl(211,32%,43%) |
#426080 |
rgb(66,96,128) |
hsl(211,32%,38%) |
#39536f |
rgb(57,83,111) |
hsl(211,32%,33%) |
#31475e |
rgb(49,71,94) |
hsl(211,32%,28%) |
#283a4d |
rgb(40,58,77) |
hsl(211,32%,23%) |
#1f2d3d |
rgb(31,45,61) |
hsl(211,32%,18%) |
#17212c |
rgb(23,33,44) |
hsl(211,32%,13%) |
#0e141b |
rgb(14,20,27) |
hsl(211,32%,8%) |
#05080a |
rgb(5,8,10) |
hsl(211,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A7068 |
rgb(58,112,104) |
hsl(171,32%,33%) |
#3A5470 |
rgb(58,84,112) |
hsl(211,32%,33%) |
#443B70 |
rgb(68,59,112) |
hsl(250,31%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#436181 |
rgb(67,97,129) |
hsl(211,32%,38%) |
#3A5470 |
rgb(58,84,112) |
hsl(211,32%,33%) |
#30475E |
rgb(48,71,94) |
hsl(210,32%,28%) |
#27384C |
rgb(39,56,76) |
hsl(212,32%,23%) |
#1E2B3A |
rgb(30,43,58) |
hsl(212,32%,17%) |
#141F28 |
rgb(20,31,40) |
hsl(207,33%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5470 |
rgb(58,84,112) |
hsl(211,32%,33%) |
#703B3A |
rgb(112,59,58) |
hsl(1,32%,33%) |
#6F703A |
rgb(111,112,58) |
hsl(61,32%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5470 |
rgb(58,84,112) |
hsl(211,32%,33%) |
#70573A |
rgb(112,87,58) |
hsl(32,32%,33%) |
#3A7070 |
rgb(58,112,112) |
hsl(180,32%,33%) |
#6F703A |
rgb(111,112,58) |
hsl(61,32%,33%) |