HEX #3A5CA4 color — Azure
The color #3A5CA4 is a dark shade and moderately saturated.
Palette
3A5CA4 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 |
#3AA3A4 |
rgb(58,163,164) |
hsl(181,48%,44%) |
#3A5CA4 |
rgb(58,92,164) |
hsl(221,48%,44%) |
#5E3BA4 |
rgb(94,59,164) |
hsl(260,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E80C6 |
rgb(94,128,198) |
hsl(220,48%,57%) |
#446BBD |
rgb(68,107,189) |
hsl(221,48%,50%) |
#3A5CA4 |
rgb(58,92,164) |
hsl(221,48%,44%) |
#304D89 |
rgb(48,77,137) |
hsl(220,48%,36%) |
#27406F |
rgb(39,64,111) |
hsl(219,48%,29%) |
#1E3055 |
rgb(30,48,85) |
hsl(220,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CA4 |
rgb(58,92,164) |
hsl(221,48%,44%) |
#A44D3A |
rgb(164,77,58) |
hsl(11,48%,44%) |
#91A33A |
rgb(145,163,58) |
hsl(70,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CA4 |
rgb(58,92,164) |
hsl(221,48%,44%) |
#A4823A |
rgb(164,130,58) |
hsl(41,48%,44%) |
#3A91A4 |
rgb(58,145,164) |
hsl(191,48%,44%) |
#91A33A |
rgb(145,163,58) |
hsl(70,48%,43%) |