HEX #368FA5 color — Boston Blue
The color #368FA5 is a dark shade and moderately saturated.
Palette
368FA5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(192,51%,98%) |
#e4f3f6 |
rgb(228,243,246) |
hsl(192,51%,93%) |
#d1eaf0 |
rgb(209,234,240) |
hsl(192,51%,88%) |
#bee1ea |
rgb(190,225,234) |
hsl(192,51%,83%) |
#aad8e4 |
rgb(170,216,228) |
hsl(192,51%,78%) |
#97cfdd |
rgb(151,207,221) |
hsl(192,51%,73%) |
#84c6d7 |
rgb(132,198,215) |
hsl(192,51%,68%) |
#71bed1 |
rgb(113,190,209) |
hsl(192,51%,63%) |
#5db5cb |
rgb(93,181,203) |
hsl(192,51%,58%) |
#4aacc4 |
rgb(74,172,196) |
hsl(192,51%,53%) |
#3ca0b9 |
rgb(60,160,185) |
hsl(192,51%,48%) |
#368fa6 |
rgb(54,143,166) |
hsl(192,51%,43%) |
#2f7f92 |
rgb(47,127,146) |
hsl(192,51%,38%) |
#296e7f |
rgb(41,110,127) |
hsl(192,51%,33%) |
#235d6c |
rgb(35,93,108) |
hsl(192,51%,28%) |
#1d4d59 |
rgb(29,77,89) |
hsl(192,51%,23%) |
#163c45 |
rgb(22,60,69) |
hsl(192,51%,18%) |
#102b32 |
rgb(16,43,50) |
hsl(192,51%,13%) |
#0a1b1f |
rgb(10,27,31) |
hsl(192,51%,8%) |
#040a0c |
rgb(4,10,12) |
hsl(192,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A671 |
rgb(54,166,113) |
hsl(152,51%,43%) |
#368FA5 |
rgb(54,143,165) |
hsl(192,51%,43%) |
#3645A5 |
rgb(54,69,165) |
hsl(232,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#58B3C8 |
rgb(88,179,200) |
hsl(191,50%,56%) |
#3EA6BF |
rgb(62,166,191) |
hsl(192,51%,50%) |
#368FA5 |
rgb(54,143,165) |
hsl(192,51%,43%) |
#2D788A |
rgb(45,120,138) |
hsl(192,51%,36%) |
#246170 |
rgb(36,97,112) |
hsl(192,51%,29%) |
#1C4A55 |
rgb(28,74,85) |
hsl(192,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#368FA5 |
rgb(54,143,165) |
hsl(192,51%,43%) |
#A53657 |
rgb(165,54,87) |
hsl(342,51%,43%) |
#A58536 |
rgb(165,133,54) |
hsl(43,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#368FA5 |
rgb(54,143,165) |
hsl(192,51%,43%) |
#A54D36 |
rgb(165,77,54) |
hsl(12,51%,43%) |
#36A683 |
rgb(54,166,131) |
hsl(161,51%,43%) |
#A58536 |
rgb(165,133,54) |
hsl(43,51%,43%) |