HEX #308AC2 color — Boston Blue
The color #308AC2 is a dark shade and moderately saturated.
Palette
308AC2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(203,60%,97%) |
#deedf7 |
rgb(222,237,247) |
hsl(203,60%,92%) |
#cae2f2 |
rgb(202,226,242) |
hsl(203,60%,87%) |
#b6d8ed |
rgb(182,216,237) |
hsl(203,60%,82%) |
#a1cde8 |
rgb(161,205,232) |
hsl(203,60%,77%) |
#8dc2e2 |
rgb(141,194,226) |
hsl(203,60%,72%) |
#78b7dd |
rgb(120,183,221) |
hsl(203,60%,67%) |
#64acd8 |
rgb(100,172,216) |
hsl(203,60%,62%) |
#50a1d3 |
rgb(80,161,211) |
hsl(203,60%,57%) |
#3b96ce |
rgb(59,150,206) |
hsl(203,60%,52%) |
#3089c0 |
rgb(48,137,192) |
hsl(203,60%,47%) |
#2b7aab |
rgb(43,122,171) |
hsl(203,60%,42%) |
#266c97 |
rgb(38,108,151) |
hsl(203,60%,37%) |
#215d83 |
rgb(33,93,131) |
hsl(203,60%,32%) |
#1c4e6e |
rgb(28,78,110) |
hsl(203,60%,27%) |
#16405a |
rgb(22,64,90) |
hsl(203,60%,22%) |
#113145 |
rgb(17,49,69) |
hsl(203,60%,17%) |
#0c2331 |
rgb(12,35,49) |
hsl(203,60%,12%) |
#07141d |
rgb(7,20,29) |
hsl(203,60%,7%) |
#020608 |
rgb(2,6,8) |
hsl(203,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C298 |
rgb(48,194,152) |
hsl(163,60%,47%) |
#308AC2 |
rgb(48,138,194) |
hsl(203,60%,47%) |
#3730C2 |
rgb(55,48,194) |
hsl(243,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#66ADD9 |
rgb(102,173,217) |
hsl(203,60%,63%) |
#479CD1 |
rgb(71,156,209) |
hsl(203,60%,55%) |
#308AC2 |
rgb(48,138,194) |
hsl(203,60%,47%) |
#2873A2 |
rgb(40,115,162) |
hsl(203,60%,40%) |
#205E83 |
rgb(32,94,131) |
hsl(202,61%,32%) |
#184764 |
rgb(24,71,100) |
hsl(203,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#308AC2 |
rgb(48,138,194) |
hsl(203,60%,47%) |
#C23041 |
rgb(194,48,65) |
hsl(353,60%,47%) |
#C2B030 |
rgb(194,176,48) |
hsl(53,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#308AC2 |
rgb(48,138,194) |
hsl(203,60%,47%) |
#C26930 |
rgb(194,105,48) |
hsl(23,60%,47%) |
#30C2B1 |
rgb(48,194,177) |
hsl(173,60%,47%) |
#C2B030 |
rgb(194,176,48) |
hsl(53,60%,47%) |