HEX #3A5EB4 color — Azure
The color #3A5EB4 is a dark shade and moderately saturated.
Palette
3A5EB4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(222,51%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(222,51%,92%) |
#cdd7ef |
rgb(205,215,239) |
hsl(222,51%,87%) |
#bac8e9 |
rgb(186,200,233) |
hsl(222,51%,82%) |
#a6b8e2 |
rgb(166,184,226) |
hsl(222,51%,77%) |
#93a9dc |
rgb(147,169,220) |
hsl(222,51%,72%) |
#809ad6 |
rgb(128,154,214) |
hsl(222,51%,67%) |
#6d8ad0 |
rgb(109,138,208) |
hsl(222,51%,62%) |
#597bc9 |
rgb(89,123,201) |
hsl(222,51%,57%) |
#466cc3 |
rgb(70,108,195) |
hsl(222,51%,52%) |
#3b5fb5 |
rgb(59,95,181) |
hsl(222,51%,47%) |
#3455a2 |
rgb(52,85,162) |
hsl(222,51%,42%) |
#2e4b8e |
rgb(46,75,142) |
hsl(222,51%,37%) |
#28417b |
rgb(40,65,123) |
hsl(222,51%,32%) |
#223768 |
rgb(34,55,104) |
hsl(222,51%,27%) |
#1b2d55 |
rgb(27,45,85) |
hsl(222,51%,22%) |
#152341 |
rgb(21,35,65) |
hsl(222,51%,17%) |
#0f182e |
rgb(15,24,46) |
hsl(222,51%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(222,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB0B4 |
rgb(58,176,180) |
hsl(182,51%,47%) |
#3A5EB4 |
rgb(58,94,180) |
hsl(222,51%,47%) |
#673BB4 |
rgb(103,59,180) |
hsl(262,51%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A8ACF |
rgb(106,138,207) |
hsl(221,51%,61%) |
#4E70C5 |
rgb(78,112,197) |
hsl(223,51%,54%) |
#3A5EB4 |
rgb(58,94,180) |
hsl(222,51%,47%) |
#304F97 |
rgb(48,79,151) |
hsl(222,52%,39%) |
#27407A |
rgb(39,64,122) |
hsl(222,52%,32%) |
#1E305D |
rgb(30,48,93) |
hsl(223,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5EB4 |
rgb(58,94,180) |
hsl(222,51%,47%) |
#B4543A |
rgb(180,84,58) |
hsl(13,51%,47%) |
#9BB53A |
rgb(155,181,58) |
hsl(73,51%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5EB4 |
rgb(58,94,180) |
hsl(222,51%,47%) |
#B48F3A |
rgb(180,143,58) |
hsl(42,51%,47%) |
#3A9CB4 |
rgb(58,156,180) |
hsl(192,51%,47%) |
#9BB53A |
rgb(155,181,58) |
hsl(73,51%,47%) |