HEX #3A5EA5 color — Azure
The color #3A5EA5 is a dark shade and moderately saturated.
Palette
3A5EA5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,48%,99%) |
#e8edf7 |
rgb(232,237,247) |
hsl(220,48%,94%) |
#d5def0 |
rgb(213,222,240) |
hsl(220,48%,89%) |
#c3d0ea |
rgb(195,208,234) |
hsl(220,48%,84%) |
#b0c1e3 |
rgb(176,193,227) |
hsl(220,48%,79%) |
#9db2dd |
rgb(157,178,221) |
hsl(220,48%,74%) |
#8aa3d6 |
rgb(138,163,214) |
hsl(220,48%,69%) |
#7795cf |
rgb(119,149,207) |
hsl(220,48%,64%) |
#6486c9 |
rgb(100,134,201) |
hsl(220,48%,59%) |
#5177c2 |
rgb(81,119,194) |
hsl(220,48%,54%) |
#4169b9 |
rgb(65,105,185) |
hsl(220,48%,49%) |
#3a5ea6 |
rgb(58,94,166) |
hsl(220,48%,44%) |
#345493 |
rgb(52,84,147) |
hsl(220,48%,39%) |
#2d4980 |
rgb(45,73,128) |
hsl(220,48%,34%) |
#263e6d |
rgb(38,62,109) |
hsl(220,48%,29%) |
#20335b |
rgb(32,51,91) |
hsl(220,48%,24%) |
#192948 |
rgb(25,41,72) |
hsl(220,48%,19%) |
#131e35 |
rgb(19,30,53) |
hsl(220,48%,14%) |
#0c1322 |
rgb(12,19,34) |
hsl(220,48%,9%) |
#05090f |
rgb(5,9,15) |
hsl(220,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA6A4 |
rgb(58,166,164) |
hsl(179,48%,44%) |
#3A5EA5 |
rgb(58,94,165) |
hsl(220,48%,44%) |
#5D3BA5 |
rgb(93,59,165) |
hsl(259,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F82C6 |
rgb(95,130,198) |
hsl(220,47%,57%) |
#456EBD |
rgb(69,110,189) |
hsl(220,48%,51%) |
#3A5EA5 |
rgb(58,94,165) |
hsl(220,48%,44%) |
#304F8A |
rgb(48,79,138) |
hsl(219,48%,36%) |
#274070 |
rgb(39,64,112) |
hsl(219,48%,30%) |
#1E3055 |
rgb(30,48,85) |
hsl(220,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5EA5 |
rgb(58,94,165) |
hsl(220,48%,44%) |
#A54D3A |
rgb(165,77,58) |
hsl(11,48%,44%) |
#93A63A |
rgb(147,166,58) |
hsl(71,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5EA5 |
rgb(58,94,165) |
hsl(220,48%,44%) |
#A5823A |
rgb(165,130,58) |
hsl(40,48%,44%) |
#3A94A5 |
rgb(58,148,165) |
hsl(190,48%,44%) |
#93A63A |
rgb(147,166,58) |
hsl(71,48%,44%) |