HEX #3A5FB6 color — Azure
The color #3a5fb6 is a dark shade and moderately saturated.
Palette
3a5fb6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(222,52%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(222,52%,92%) |
#cdd7ef |
rgb(205,215,239) |
hsl(222,52%,87%) |
#b9c8e9 |
rgb(185,200,233) |
hsl(222,52%,82%) |
#a6b8e3 |
rgb(166,184,227) |
hsl(222,52%,77%) |
#92a9dd |
rgb(146,169,221) |
hsl(222,52%,72%) |
#7f99d7 |
rgb(127,153,215) |
hsl(222,52%,67%) |
#6c8ad0 |
rgb(108,138,208) |
hsl(222,52%,62%) |
#587bca |
rgb(88,123,202) |
hsl(222,52%,57%) |
#456bc4 |
rgb(69,107,196) |
hsl(222,52%,52%) |
#3a5fb6 |
rgb(58,95,182) |
hsl(222,52%,47%) |
#3355a3 |
rgb(51,85,163) |
hsl(222,52%,42%) |
#2d4b8f |
rgb(45,75,143) |
hsl(222,52%,37%) |
#27417c |
rgb(39,65,124) |
hsl(222,52%,32%) |
#213769 |
rgb(33,55,105) |
hsl(222,52%,27%) |
#1b2c55 |
rgb(27,44,85) |
hsl(222,52%,22%) |
#152242 |
rgb(21,34,66) |
hsl(222,52%,17%) |
#0f182f |
rgb(15,24,47) |
hsl(222,52%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(222,52%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB3B6 |
rgb(58,179,182) |
hsl(181,52%,47%) |
#3A5FB6 |
rgb(58,95,182) |
hsl(222,52%,47%) |
#673BB6 |
rgb(103,59,182) |
hsl(261,51%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C8AD0 |
rgb(108,138,208) |
hsl(222,52%,62%) |
#4F73C7 |
rgb(79,115,199) |
hsl(222,52%,55%) |
#3A5FB6 |
rgb(58,95,182) |
hsl(222,52%,47%) |
#304F98 |
rgb(48,79,152) |
hsl(222,52%,39%) |
#27407B |
rgb(39,64,123) |
hsl(222,52%,32%) |
#1E305E |
rgb(30,48,94) |
hsl(223,52%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5FB6 |
rgb(58,95,182) |
hsl(222,52%,47%) |
#B6543A |
rgb(182,84,58) |
hsl(13,52%,47%) |
#9DB53A |
rgb(157,181,58) |
hsl(72,51%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5FB6 |
rgb(58,95,182) |
hsl(222,52%,47%) |
#B6913A |
rgb(182,145,58) |
hsl(42,52%,47%) |
#3A9EB6 |
rgb(58,158,182) |
hsl(192,52%,47%) |
#9DB53A |
rgb(157,181,58) |
hsl(72,51%,47%) |