HEX #3A5EA4 color — Azure
The color #3A5EA4 is a dark shade and moderately saturated.
Palette
3A5EA4 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 |
#3AA3A3 |
rgb(58,163,163) |
hsl(180,48%,43%) |
#3A5EA4 |
rgb(58,94,164) |
hsl(220,48%,44%) |
#5C3BA4 |
rgb(92,59,164) |
hsl(259,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E82C6 |
rgb(94,130,198) |
hsl(219,48%,57%) |
#446EBD |
rgb(68,110,189) |
hsl(219,48%,50%) |
#3A5EA4 |
rgb(58,94,164) |
hsl(220,48%,44%) |
#304F89 |
rgb(48,79,137) |
hsl(219,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 |
#3A5EA4 |
rgb(58,94,164) |
hsl(220,48%,44%) |
#A44A3A |
rgb(164,74,58) |
hsl(9,48%,44%) |
#93A33A |
rgb(147,163,58) |
hsl(69,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5EA4 |
rgb(58,94,164) |
hsl(220,48%,44%) |
#A4803A |
rgb(164,128,58) |
hsl(40,48%,44%) |
#3A94A4 |
rgb(58,148,164) |
hsl(189,48%,44%) |
#93A33A |
rgb(147,163,58) |
hsl(69,48%,43%) |