HEX #3A5CA5 color — Azure
The color #3A5CA5 is a dark shade and moderately saturated.
Palette
3A5CA5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,48%,99%) |
#e8edf7 |
rgb(232,237,247) |
hsl(221,48%,94%) |
#d5def0 |
rgb(213,222,240) |
hsl(221,48%,89%) |
#c3cfea |
rgb(195,207,234) |
hsl(221,48%,84%) |
#b0c0e3 |
rgb(176,192,227) |
hsl(221,48%,79%) |
#9db1dd |
rgb(157,177,221) |
hsl(221,48%,74%) |
#8aa2d6 |
rgb(138,162,214) |
hsl(221,48%,69%) |
#7793cf |
rgb(119,147,207) |
hsl(221,48%,64%) |
#6484c9 |
rgb(100,132,201) |
hsl(221,48%,59%) |
#5175c2 |
rgb(81,117,194) |
hsl(221,48%,54%) |
#4167b9 |
rgb(65,103,185) |
hsl(221,48%,49%) |
#3a5ca6 |
rgb(58,92,166) |
hsl(221,48%,44%) |
#345293 |
rgb(52,82,147) |
hsl(221,48%,39%) |
#2d4780 |
rgb(45,71,128) |
hsl(221,48%,34%) |
#263d6d |
rgb(38,61,109) |
hsl(221,48%,29%) |
#20325b |
rgb(32,50,91) |
hsl(221,48%,24%) |
#192848 |
rgb(25,40,72) |
hsl(221,48%,19%) |
#131d35 |
rgb(19,29,53) |
hsl(221,48%,14%) |
#0c1322 |
rgb(12,19,34) |
hsl(221,48%,9%) |
#05080f |
rgb(5,8,15) |
hsl(221,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA3A5 |
rgb(58,163,165) |
hsl(181,48%,44%) |
#3A5CA5 |
rgb(58,92,165) |
hsl(221,48%,44%) |
#5F3BA5 |
rgb(95,59,165) |
hsl(260,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F80C6 |
rgb(95,128,198) |
hsl(221,47%,57%) |
#456BBD |
rgb(69,107,189) |
hsl(221,48%,51%) |
#3A5CA5 |
rgb(58,92,165) |
hsl(221,48%,44%) |
#304D8A |
rgb(48,77,138) |
hsl(221,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 |
#3A5CA5 |
rgb(58,92,165) |
hsl(221,48%,44%) |
#A54D3A |
rgb(165,77,58) |
hsl(11,48%,44%) |
#91A63A |
rgb(145,166,58) |
hsl(72,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CA5 |
rgb(58,92,165) |
hsl(221,48%,44%) |
#A5823A |
rgb(165,130,58) |
hsl(40,48%,44%) |
#3A91A5 |
rgb(58,145,165) |
hsl(191,48%,44%) |
#91A63A |
rgb(145,166,58) |
hsl(72,48%,44%) |