HEX #3A66A5 color — Azure
The color #3A66A5 is a dark shade and moderately saturated.
Palette
3A66A5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,48%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(215,48%,94%) |
#d5e1f0 |
rgb(213,225,240) |
hsl(215,48%,89%) |
#c3d3ea |
rgb(195,211,234) |
hsl(215,48%,84%) |
#b0c5e3 |
rgb(176,197,227) |
hsl(215,48%,79%) |
#9db7dd |
rgb(157,183,221) |
hsl(215,48%,74%) |
#8aaad6 |
rgb(138,170,214) |
hsl(215,48%,69%) |
#779ccf |
rgb(119,156,207) |
hsl(215,48%,64%) |
#648ec9 |
rgb(100,142,201) |
hsl(215,48%,59%) |
#5180c2 |
rgb(81,128,194) |
hsl(215,48%,54%) |
#4173b9 |
rgb(65,115,185) |
hsl(215,48%,49%) |
#3a67a6 |
rgb(58,103,166) |
hsl(215,48%,44%) |
#345b93 |
rgb(52,91,147) |
hsl(215,48%,39%) |
#2d5080 |
rgb(45,80,128) |
hsl(215,48%,34%) |
#26446d |
rgb(38,68,109) |
hsl(215,48%,29%) |
#20385b |
rgb(32,56,91) |
hsl(215,48%,24%) |
#192d48 |
rgb(25,45,72) |
hsl(215,48%,19%) |
#132135 |
rgb(19,33,53) |
hsl(215,48%,14%) |
#0c1522 |
rgb(12,21,34) |
hsl(215,48%,9%) |
#05090f |
rgb(5,9,15) |
hsl(215,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA69C |
rgb(58,166,156) |
hsl(174,48%,44%) |
#3A66A5 |
rgb(58,102,165) |
hsl(215,48%,44%) |
#553BA5 |
rgb(85,59,165) |
hsl(255,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F8AC6 |
rgb(95,138,198) |
hsl(215,47%,57%) |
#4578BD |
rgb(69,120,189) |
hsl(215,48%,51%) |
#3A66A5 |
rgb(58,102,165) |
hsl(215,48%,44%) |
#30578A |
rgb(48,87,138) |
hsl(214,48%,36%) |
#274570 |
rgb(39,69,112) |
hsl(215,48%,30%) |
#1E3655 |
rgb(30,54,85) |
hsl(214,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A66A5 |
rgb(58,102,165) |
hsl(215,48%,44%) |
#A5423A |
rgb(165,66,58) |
hsl(4,48%,44%) |
#9BA63A |
rgb(155,166,58) |
hsl(66,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A66A5 |
rgb(58,102,165) |
hsl(215,48%,44%) |
#A5783A |
rgb(165,120,58) |
hsl(35,48%,44%) |
#3A9CA5 |
rgb(58,156,165) |
hsl(185,48%,44%) |
#9BA63A |
rgb(155,166,58) |
hsl(66,48%,44%) |