HEX #3B63B3 color — Azure
The color #3B63B3 is a dark shade and moderately saturated.
Palette
3B63B3 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,50%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(220,50%,92%) |
#cdd8ee |
rgb(205,216,238) |
hsl(220,50%,87%) |
#bac9e8 |
rgb(186,201,232) |
hsl(220,50%,82%) |
#a7bbe2 |
rgb(167,187,226) |
hsl(220,50%,77%) |
#94acdb |
rgb(148,172,219) |
hsl(220,50%,72%) |
#819dd5 |
rgb(129,157,213) |
hsl(220,50%,67%) |
#6e8ecf |
rgb(110,142,207) |
hsl(220,50%,62%) |
#5b7fc8 |
rgb(91,127,200) |
hsl(220,50%,57%) |
#4770c2 |
rgb(71,112,194) |
hsl(220,50%,52%) |
#3c64b4 |
rgb(60,100,180) |
hsl(220,50%,47%) |
#3659a1 |
rgb(54,89,161) |
hsl(220,50%,42%) |
#2f4f8e |
rgb(47,79,142) |
hsl(220,50%,37%) |
#29447a |
rgb(41,68,122) |
hsl(220,50%,32%) |
#223967 |
rgb(34,57,103) |
hsl(220,50%,27%) |
#1c2f54 |
rgb(28,47,84) |
hsl(220,50%,22%) |
#162441 |
rgb(22,36,65) |
hsl(220,50%,17%) |
#0f1a2e |
rgb(15,26,46) |
hsl(220,50%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(220,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(220,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BB3B3 |
rgb(59,179,179) |
hsl(180,50%,47%) |
#3B63B3 |
rgb(59,99,179) |
hsl(220,50%,47%) |
#633BB3 |
rgb(99,59,179) |
hsl(260,50%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B8CCE |
rgb(107,140,206) |
hsl(220,50%,61%) |
#4F75C5 |
rgb(79,117,197) |
hsl(221,50%,54%) |
#3B63B3 |
rgb(59,99,179) |
hsl(220,50%,47%) |
#315496 |
rgb(49,84,150) |
hsl(219,51%,39%) |
#284279 |
rgb(40,66,121) |
hsl(221,50%,32%) |
#1E335D |
rgb(30,51,93) |
hsl(220,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B63B3 |
rgb(59,99,179) |
hsl(220,50%,47%) |
#B34F3B |
rgb(179,79,59) |
hsl(10,50%,47%) |
#9FB33B |
rgb(159,179,59) |
hsl(70,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B63B3 |
rgb(59,99,179) |
hsl(220,50%,47%) |
#B38C3B |
rgb(179,140,59) |
hsl(41,50%,47%) |
#3B9EB3 |
rgb(59,158,179) |
hsl(191,50%,47%) |
#9FB33B |
rgb(159,179,59) |
hsl(70,50%,47%) |