HEX #3A66B0 color — Azure
The color #3A66B0 is a dark shade and moderately saturated.
Palette
3A66B0 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(218,50%,96%) |
#dde5f4 |
rgb(221,229,244) |
hsl(218,50%,91%) |
#c9d7ed |
rgb(201,215,237) |
hsl(218,50%,86%) |
#b6c8e7 |
rgb(182,200,231) |
hsl(218,50%,81%) |
#a3bae0 |
rgb(163,186,224) |
hsl(218,50%,76%) |
#90abda |
rgb(144,171,218) |
hsl(218,50%,71%) |
#7d9dd4 |
rgb(125,157,212) |
hsl(218,50%,66%) |
#6a8ecd |
rgb(106,142,205) |
hsl(218,50%,61%) |
#5780c7 |
rgb(87,128,199) |
hsl(218,50%,56%) |
#4471c1 |
rgb(68,113,193) |
hsl(218,50%,51%) |
#3b66b0 |
rgb(59,102,176) |
hsl(218,50%,46%) |
#345b9d |
rgb(52,91,157) |
hsl(218,50%,41%) |
#2e508a |
rgb(46,80,138) |
hsl(218,50%,36%) |
#284577 |
rgb(40,69,119) |
hsl(218,50%,31%) |
#213963 |
rgb(33,57,99) |
hsl(218,50%,26%) |
#1b2e50 |
rgb(27,46,80) |
hsl(218,50%,21%) |
#14233d |
rgb(20,35,61) |
hsl(218,50%,16%) |
#0e182a |
rgb(14,24,42) |
hsl(218,50%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(218,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB0AB |
rgb(58,176,171) |
hsl(177,50%,46%) |
#3A66B0 |
rgb(58,102,176) |
hsl(218,50%,46%) |
#5C3BB0 |
rgb(92,59,176) |
hsl(257,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#678FCD |
rgb(103,143,205) |
hsl(216,50%,60%) |
#4B78C3 |
rgb(75,120,195) |
hsl(218,50%,53%) |
#3A66B0 |
rgb(58,102,176) |
hsl(218,50%,46%) |
#305793 |
rgb(48,87,147) |
hsl(216,51%,38%) |
#274577 |
rgb(39,69,119) |
hsl(218,51%,31%) |
#1E365B |
rgb(30,54,91) |
hsl(216,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A66B0 |
rgb(58,102,176) |
hsl(218,50%,46%) |
#B04A3A |
rgb(176,74,58) |
hsl(8,50%,46%) |
#A1B03A |
rgb(161,176,58) |
hsl(68,50%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A66B0 |
rgb(58,102,176) |
hsl(218,50%,46%) |
#B0853A |
rgb(176,133,58) |
hsl(38,50%,46%) |
#3AA1B0 |
rgb(58,161,176) |
hsl(188,50%,46%) |
#A1B03A |
rgb(161,176,58) |
hsl(68,50%,46%) |