HEX #3B63B5 color — Azure
The color #3b63b5 is a dark shade and moderately saturated.
Palette
3b63b5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(220,51%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(220,51%,92%) |
#cdd8ef |
rgb(205,216,239) |
hsl(220,51%,87%) |
#bac9e9 |
rgb(186,201,233) |
hsl(220,51%,82%) |
#a6bae2 |
rgb(166,186,226) |
hsl(220,51%,77%) |
#93abdc |
rgb(147,171,220) |
hsl(220,51%,72%) |
#809dd6 |
rgb(128,157,214) |
hsl(220,51%,67%) |
#6d8ed0 |
rgb(109,142,208) |
hsl(220,51%,62%) |
#597fc9 |
rgb(89,127,201) |
hsl(220,51%,57%) |
#4670c3 |
rgb(70,112,195) |
hsl(220,51%,52%) |
#3b63b5 |
rgb(59,99,181) |
hsl(220,51%,47%) |
#3459a2 |
rgb(52,89,162) |
hsl(220,51%,42%) |
#2e4e8e |
rgb(46,78,142) |
hsl(220,51%,37%) |
#28447b |
rgb(40,68,123) |
hsl(220,51%,32%) |
#223968 |
rgb(34,57,104) |
hsl(220,51%,27%) |
#1b2f55 |
rgb(27,47,85) |
hsl(220,51%,22%) |
#152441 |
rgb(21,36,65) |
hsl(220,51%,17%) |
#0f192e |
rgb(15,25,46) |
hsl(220,51%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(220,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BB5B5 |
rgb(59,181,181) |
hsl(180,51%,47%) |
#3B63B5 |
rgb(59,99,181) |
hsl(220,51%,47%) |
#643BB5 |
rgb(100,59,181) |
hsl(260,51%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6D8CCF |
rgb(109,140,207) |
hsl(221,51%,62%) |
#5078C6 |
rgb(80,120,198) |
hsl(220,51%,55%) |
#3B63B5 |
rgb(59,99,181) |
hsl(220,51%,47%) |
#315498 |
rgb(49,84,152) |
hsl(220,51%,39%) |
#28427B |
rgb(40,66,123) |
hsl(221,51%,32%) |
#1E335E |
rgb(30,51,94) |
hsl(220,52%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B63B5 |
rgb(59,99,181) |
hsl(220,51%,47%) |
#B54F3B |
rgb(181,79,59) |
hsl(10,51%,47%) |
#A0B53B |
rgb(160,181,59) |
hsl(70,51%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B63B5 |
rgb(59,99,181) |
hsl(220,51%,47%) |
#B58C3B |
rgb(181,140,59) |
hsl(40,51%,47%) |
#3BA1B5 |
rgb(59,161,181) |
hsl(190,51%,47%) |
#A0B53B |
rgb(160,181,59) |
hsl(70,51%,47%) |