HEX #318CC4 color — Boston Blue
The color #318CC4 is a dark shade and moderately saturated.
Palette
318CC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(203,60%,98%) |
#e2f0f8 |
rgb(226,240,248) |
hsl(203,60%,93%) |
#cee5f3 |
rgb(206,229,243) |
hsl(203,60%,88%) |
#badaee |
rgb(186,218,238) |
hsl(203,60%,83%) |
#a5cfe9 |
rgb(165,207,233) |
hsl(203,60%,78%) |
#91c4e3 |
rgb(145,196,227) |
hsl(203,60%,73%) |
#7cb9de |
rgb(124,185,222) |
hsl(203,60%,68%) |
#68aed9 |
rgb(104,174,217) |
hsl(203,60%,63%) |
#54a3d4 |
rgb(84,163,212) |
hsl(203,60%,58%) |
#3f98cf |
rgb(63,152,207) |
hsl(203,60%,53%) |
#318cc4 |
rgb(49,140,196) |
hsl(203,60%,48%) |
#2c7daf |
rgb(44,125,175) |
hsl(203,60%,43%) |
#276e9b |
rgb(39,110,155) |
hsl(203,60%,38%) |
#226087 |
rgb(34,96,135) |
hsl(203,60%,33%) |
#1d5172 |
rgb(29,81,114) |
hsl(203,60%,28%) |
#17435e |
rgb(23,67,94) |
hsl(203,60%,23%) |
#123449 |
rgb(18,52,73) |
hsl(203,60%,18%) |
#0d2635 |
rgb(13,38,53) |
hsl(203,60%,13%) |
#081721 |
rgb(8,23,33) |
hsl(203,60%,8%) |
#03090c |
rgb(3,9,12) |
hsl(203,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C49A |
rgb(49,196,154) |
hsl(163,60%,48%) |
#318CC4 |
rgb(49,140,196) |
hsl(203,60%,48%) |
#3830C4 |
rgb(56,48,196) |
hsl(243,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69B0D9 |
rgb(105,176,217) |
hsl(202,60%,63%) |
#4A9ED1 |
rgb(74,158,209) |
hsl(203,59%,55%) |
#318CC4 |
rgb(49,140,196) |
hsl(203,60%,48%) |
#2975A4 |
rgb(41,117,164) |
hsl(203,60%,40%) |
#215E85 |
rgb(33,94,133) |
hsl(203,60%,33%) |
#194A65 |
rgb(25,74,101) |
hsl(201,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#318CC4 |
rgb(49,140,196) |
hsl(203,60%,48%) |
#C43042 |
rgb(196,48,66) |
hsl(353,61%,48%) |
#C4B331 |
rgb(196,179,49) |
hsl(53,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#318CC4 |
rgb(49,140,196) |
hsl(203,60%,48%) |
#C46931 |
rgb(196,105,49) |
hsl(23,60%,48%) |
#31C4B2 |
rgb(49,196,178) |
hsl(173,60%,48%) |
#C4B331 |
rgb(196,179,49) |
hsl(53,60%,48%) |