HEX #318FC4 color — Boston Blue
The color #318FC4 is a light shade and moderately saturated.
Palette
318FC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(202,60%,98%) |
#e2f0f8 |
rgb(226,240,248) |
hsl(202,60%,93%) |
#cee5f3 |
rgb(206,229,243) |
hsl(202,60%,88%) |
#badbee |
rgb(186,219,238) |
hsl(202,60%,83%) |
#a5d0e9 |
rgb(165,208,233) |
hsl(202,60%,78%) |
#91c5e3 |
rgb(145,197,227) |
hsl(202,60%,73%) |
#7cbade |
rgb(124,186,222) |
hsl(202,60%,68%) |
#68b0d9 |
rgb(104,176,217) |
hsl(202,60%,63%) |
#54a5d4 |
rgb(84,165,212) |
hsl(202,60%,58%) |
#3f9acf |
rgb(63,154,207) |
hsl(202,60%,53%) |
#318ec4 |
rgb(49,142,196) |
hsl(202,60%,48%) |
#2c7faf |
rgb(44,127,175) |
hsl(202,60%,43%) |
#27709b |
rgb(39,112,155) |
hsl(202,60%,38%) |
#226287 |
rgb(34,98,135) |
hsl(202,60%,33%) |
#1d5372 |
rgb(29,83,114) |
hsl(202,60%,28%) |
#17445e |
rgb(23,68,94) |
hsl(202,60%,23%) |
#123549 |
rgb(18,53,73) |
hsl(202,60%,18%) |
#0d2635 |
rgb(13,38,53) |
hsl(202,60%,13%) |
#081821 |
rgb(8,24,33) |
hsl(202,60%,8%) |
#03090c |
rgb(3,9,12) |
hsl(202,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C497 |
rgb(49,196,151) |
hsl(162,60%,48%) |
#318FC4 |
rgb(49,143,196) |
hsl(202,60%,48%) |
#3530C4 |
rgb(53,48,196) |
hsl(242,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69B3D9 |
rgb(105,179,217) |
hsl(200,60%,63%) |
#4AA1D1 |
rgb(74,161,209) |
hsl(201,59%,55%) |
#318FC4 |
rgb(49,143,196) |
hsl(202,60%,48%) |
#2978A4 |
rgb(41,120,164) |
hsl(201,60%,40%) |
#216185 |
rgb(33,97,133) |
hsl(202,60%,33%) |
#194A65 |
rgb(25,74,101) |
hsl(201,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#318FC4 |
rgb(49,143,196) |
hsl(202,60%,48%) |
#C43045 |
rgb(196,48,69) |
hsl(351,61%,48%) |
#C4B031 |
rgb(196,176,49) |
hsl(52,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#318FC4 |
rgb(49,143,196) |
hsl(202,60%,48%) |
#C46631 |
rgb(196,102,49) |
hsl(22,60%,48%) |
#31C4AF |
rgb(49,196,175) |
hsl(171,60%,48%) |
#C4B031 |
rgb(196,176,49) |
hsl(52,60%,48%) |