HEX #3A5471 color — San Juan
The color #3A5471 is a dark shade and slightly desaturated.
Palette
3A5471 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(212,32%,99%) |
#ebeff5 |
rgb(235,239,245) |
hsl(212,32%,94%) |
#dae2ec |
rgb(218,226,236) |
hsl(212,32%,89%) |
#c9d5e3 |
rgb(201,213,227) |
hsl(212,32%,84%) |
#b8c8db |
rgb(184,200,219) |
hsl(212,32%,79%) |
#a7bbd2 |
rgb(167,187,210) |
hsl(212,32%,74%) |
#97aec9 |
rgb(151,174,201) |
hsl(212,32%,69%) |
#86a1c1 |
rgb(134,161,193) |
hsl(212,32%,64%) |
#7594b8 |
rgb(117,148,184) |
hsl(212,32%,59%) |
#6487af |
rgb(100,135,175) |
hsl(212,32%,54%) |
#557aa5 |
rgb(85,122,165) |
hsl(212,32%,49%) |
#4c6e94 |
rgb(76,110,148) |
hsl(212,32%,44%) |
#446183 |
rgb(68,97,131) |
hsl(212,32%,39%) |
#3b5572 |
rgb(59,85,114) |
hsl(212,32%,34%) |
#324862 |
rgb(50,72,98) |
hsl(212,32%,29%) |
#2a3c51 |
rgb(42,60,81) |
hsl(212,32%,24%) |
#212f40 |
rgb(33,47,64) |
hsl(212,32%,19%) |
#18232f |
rgb(24,35,47) |
hsl(212,32%,14%) |
#10161e |
rgb(16,22,30) |
hsl(212,32%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(212,32%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A7069 |
rgb(58,112,105) |
hsl(172,32%,33%) |
#3A5471 |
rgb(58,84,113) |
hsl(212,32%,34%) |
#443B71 |
rgb(68,59,113) |
hsl(250,31%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#436183 |
rgb(67,97,131) |
hsl(212,32%,39%) |
#3A5471 |
rgb(58,84,113) |
hsl(212,32%,34%) |
#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 |
#3A5471 |
rgb(58,84,113) |
hsl(212,32%,34%) |
#713B3A |
rgb(113,59,58) |
hsl(1,32%,34%) |
#6F703A |
rgb(111,112,58) |
hsl(61,32%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5471 |
rgb(58,84,113) |
hsl(212,32%,34%) |
#71573A |
rgb(113,87,58) |
hsl(32,32%,34%) |
#3A7071 |
rgb(58,112,113) |
hsl(181,32%,34%) |
#6F703A |
rgb(111,112,58) |
hsl(61,32%,33%) |