HEX #3D96B6 color — Boston Blue
The color #3D96B6 is a light shade and moderately saturated.
Palette
3D96B6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(196,50%,98%) |
#e4f1f6 |
rgb(228,241,246) |
hsl(196,50%,93%) |
#d1e8f0 |
rgb(209,232,240) |
hsl(196,50%,88%) |
#bedee9 |
rgb(190,222,233) |
hsl(196,50%,83%) |
#abd4e3 |
rgb(171,212,227) |
hsl(196,50%,78%) |
#98cadd |
rgb(152,202,221) |
hsl(196,50%,73%) |
#85c0d6 |
rgb(133,192,214) |
hsl(196,50%,68%) |
#71b7d0 |
rgb(113,183,208) |
hsl(196,50%,63%) |
#5eadc9 |
rgb(94,173,201) |
hsl(196,50%,58%) |
#4ba3c3 |
rgb(75,163,195) |
hsl(196,50%,53%) |
#3d97b8 |
rgb(61,151,184) |
hsl(196,50%,48%) |
#3787a4 |
rgb(55,135,164) |
hsl(196,50%,43%) |
#307891 |
rgb(48,120,145) |
hsl(196,50%,38%) |
#2a687e |
rgb(42,104,126) |
hsl(196,50%,33%) |
#24586b |
rgb(36,88,107) |
hsl(196,50%,28%) |
#1d4858 |
rgb(29,72,88) |
hsl(196,50%,23%) |
#173945 |
rgb(23,57,69) |
hsl(196,50%,18%) |
#112932 |
rgb(17,41,50) |
hsl(196,50%,13%) |
#0a191f |
rgb(10,25,31) |
hsl(196,50%,8%) |
#04090b |
rgb(4,9,11) |
hsl(196,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DB585 |
rgb(61,181,133) |
hsl(156,50%,47%) |
#3D96B6 |
rgb(61,150,182) |
hsl(196,50%,48%) |
#3D45B6 |
rgb(61,69,182) |
hsl(236,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#71B8CF |
rgb(113,184,207) |
hsl(195,49%,63%) |
#54A8C5 |
rgb(84,168,197) |
hsl(195,49%,55%) |
#3D96B6 |
rgb(61,150,182) |
hsl(196,50%,48%) |
#337D98 |
rgb(51,125,152) |
hsl(196,50%,40%) |
#29667B |
rgb(41,102,123) |
hsl(195,50%,32%) |
#1F4F5E |
rgb(31,79,94) |
hsl(194,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D96B6 |
rgb(61,150,182) |
hsl(196,50%,48%) |
#B63D59 |
rgb(182,61,89) |
hsl(346,50%,48%) |
#B6993D |
rgb(182,153,61) |
hsl(46,50%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D96B6 |
rgb(61,150,182) |
hsl(196,50%,48%) |
#B65C3D |
rgb(182,92,61) |
hsl(15,50%,48%) |
#3DB599 |
rgb(61,181,153) |
hsl(166,50%,47%) |
#B6993D |
rgb(182,153,61) |
hsl(46,50%,48%) |