HEX #3A5C9E color — Azure
The color #3A5C9E is a dark shade and moderately saturated.
Palette
3A5C9E color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,46%,97%) |
#e1e7f4 |
rgb(225,231,244) |
hsl(220,46%,92%) |
#cfd9ed |
rgb(207,217,237) |
hsl(220,46%,87%) |
#bccae6 |
rgb(188,202,230) |
hsl(220,46%,82%) |
#a9bbdf |
rgb(169,187,223) |
hsl(220,46%,77%) |
#97add8 |
rgb(151,173,216) |
hsl(220,46%,72%) |
#849ed2 |
rgb(132,158,210) |
hsl(220,46%,67%) |
#728fcb |
rgb(114,143,203) |
hsl(220,46%,62%) |
#5f81c4 |
rgb(95,129,196) |
hsl(220,46%,57%) |
#4c72bd |
rgb(76,114,189) |
hsl(220,46%,52%) |
#4165af |
rgb(65,101,175) |
hsl(220,46%,47%) |
#3a5b9c |
rgb(58,91,156) |
hsl(220,46%,42%) |
#33508a |
rgb(51,80,138) |
hsl(220,46%,37%) |
#2c4577 |
rgb(44,69,119) |
hsl(220,46%,32%) |
#253a65 |
rgb(37,58,101) |
hsl(220,46%,27%) |
#1e2f52 |
rgb(30,47,82) |
hsl(220,46%,22%) |
#17253f |
rgb(23,37,63) |
hsl(220,46%,17%) |
#111a2d |
rgb(17,26,45) |
hsl(220,46%,12%) |
#0a0f1a |
rgb(10,15,26) |
hsl(220,46%,7%) |
#030407 |
rgb(3,4,7) |
hsl(220,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A9E9D |
rgb(58,158,157) |
hsl(179,46%,42%) |
#3A5C9E |
rgb(58,92,158) |
hsl(220,46%,42%) |
#5A3B9E |
rgb(90,59,158) |
hsl(259,46%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A7DC2 |
rgb(90,125,194) |
hsl(220,46%,56%) |
#436BB7 |
rgb(67,107,183) |
hsl(219,46%,49%) |
#3A5C9E |
rgb(58,92,158) |
hsl(220,46%,42%) |
#304D84 |
rgb(48,77,132) |
hsl(219,47%,35%) |
#27406B |
rgb(39,64,107) |
hsl(218,47%,29%) |
#1E3052 |
rgb(30,48,82) |
hsl(219,46%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5C9E |
rgb(58,92,158) |
hsl(220,46%,42%) |
#9E4A3A |
rgb(158,74,58) |
hsl(10,46%,42%) |
#8E9E3A |
rgb(142,158,58) |
hsl(70,46%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5C9E |
rgb(58,92,158) |
hsl(220,46%,42%) |
#9E7D3A |
rgb(158,125,58) |
hsl(40,46%,42%) |
#3A8F9E |
rgb(58,143,158) |
hsl(189,46%,42%) |
#8E9E3A |
rgb(142,158,58) |
hsl(70,46%,42%) |