HEX #338AB2 color — Boston Blue
The color #338AB2 is a dark shade and moderately saturated.
Palette
338AB2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf5f9 |
rgb(235,245,249) |
hsl(199,55%,95%) |
| #d7ebf4 |
rgb(215,235,244) |
hsl(199,55%,90%) |
| #c4e0ee |
rgb(196,224,238) |
hsl(199,55%,85%) |
| #b0d6e8 |
rgb(176,214,232) |
hsl(199,55%,80%) |
| #9ccce2 |
rgb(156,204,226) |
hsl(199,55%,75%) |
| #88c2dd |
rgb(136,194,221) |
hsl(199,55%,70%) |
| #75b8d7 |
rgb(117,184,215) |
hsl(199,55%,65%) |
| #61aed1 |
rgb(97,174,209) |
hsl(199,55%,60%) |
| #4da3cb |
rgb(77,163,203) |
hsl(199,55%,55%) |
| #3999c6 |
rgb(57,153,198) |
hsl(199,55%,50%) |
| #348ab2 |
rgb(52,138,178) |
hsl(199,55%,45%) |
| #2e7b9e |
rgb(46,123,158) |
hsl(199,55%,40%) |
| #286b8a |
rgb(40,107,138) |
hsl(199,55%,35%) |
| #225c77 |
rgb(34,92,119) |
hsl(199,55%,30%) |
| #1d4d63 |
rgb(29,77,99) |
hsl(199,55%,25%) |
| #173d4f |
rgb(23,61,79) |
hsl(199,55%,20%) |
| #112e3b |
rgb(17,46,59) |
hsl(199,55%,15%) |
| #0b1f28 |
rgb(11,31,40) |
hsl(199,55%,10%) |
| #060f14 |
rgb(6,15,20) |
hsl(199,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33B385 |
rgb(51,179,133) |
hsl(158,56%,45%) |
| #338AB2 |
rgb(51,138,178) |
hsl(199,55%,45%) |
| #3336B2 |
rgb(51,54,178) |
hsl(239,55%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5DADD0 |
rgb(93,173,208) |
hsl(198,55%,59%) |
| #419EC8 |
rgb(65,158,200) |
hsl(199,55%,52%) |
| #338AB2 |
rgb(51,138,178) |
hsl(199,55%,45%) |
| #2A7395 |
rgb(42,115,149) |
hsl(199,56%,37%) |
| #225E79 |
rgb(34,94,121) |
hsl(199,56%,30%) |
| #1A475C |
rgb(26,71,92) |
hsl(199,56%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #338AB2 |
rgb(51,138,178) |
hsl(199,55%,45%) |
| #B2334A |
rgb(178,51,74) |
hsl(349,55%,45%) |
| #B29C33 |
rgb(178,156,51) |
hsl(50,55%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #338AB2 |
rgb(51,138,178) |
hsl(199,55%,45%) |
| #B25C33 |
rgb(178,92,51) |
hsl(19,55%,45%) |
| #33B39A |
rgb(51,179,154) |
hsl(168,56%,45%) |
| #B29C33 |
rgb(178,156,51) |
hsl(50,55%,45%) |
