HEX #338CB2 color — Boston Blue
The color #338CB2 is a dark shade and moderately saturated.
Palette
338CB2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf5f9 |
rgb(235,245,249) |
hsl(198,55%,95%) |
| #d7ebf4 |
rgb(215,235,244) |
hsl(198,55%,90%) |
| #c4e1ee |
rgb(196,225,238) |
hsl(198,55%,85%) |
| #b0d7e8 |
rgb(176,215,232) |
hsl(198,55%,80%) |
| #9ccde2 |
rgb(156,205,226) |
hsl(198,55%,75%) |
| #88c3dd |
rgb(136,195,221) |
hsl(198,55%,70%) |
| #75b9d7 |
rgb(117,185,215) |
hsl(198,55%,65%) |
| #61afd1 |
rgb(97,175,209) |
hsl(198,55%,60%) |
| #4da5cb |
rgb(77,165,203) |
hsl(198,55%,55%) |
| #399cc6 |
rgb(57,156,198) |
hsl(198,55%,50%) |
| #348cb2 |
rgb(52,140,178) |
hsl(198,55%,45%) |
| #2e7c9e |
rgb(46,124,158) |
hsl(198,55%,40%) |
| #286d8a |
rgb(40,109,138) |
hsl(198,55%,35%) |
| #225d77 |
rgb(34,93,119) |
hsl(198,55%,30%) |
| #1d4e63 |
rgb(29,78,99) |
hsl(198,55%,25%) |
| #173e4f |
rgb(23,62,79) |
hsl(198,55%,20%) |
| #112f3b |
rgb(17,47,59) |
hsl(198,55%,15%) |
| #0b1f28 |
rgb(11,31,40) |
hsl(198,55%,10%) |
| #061014 |
rgb(6,16,20) |
hsl(198,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33B383 |
rgb(51,179,131) |
hsl(158,56%,45%) |
| #338CB2 |
rgb(51,140,178) |
hsl(198,55%,45%) |
| #3338B2 |
rgb(51,56,178) |
hsl(238,55%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5DADD0 |
rgb(93,173,208) |
hsl(198,55%,59%) |
| #41A1C8 |
rgb(65,161,200) |
hsl(197,55%,52%) |
| #338CB2 |
rgb(51,140,178) |
hsl(198,55%,45%) |
| #2A7595 |
rgb(42,117,149) |
hsl(198,56%,37%) |
| #225E79 |
rgb(34,94,121) |
hsl(199,56%,30%) |
| #1A4A5C |
rgb(26,74,92) |
hsl(196,56%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #338CB2 |
rgb(51,140,178) |
hsl(198,55%,45%) |
| #B2334C |
rgb(178,51,76) |
hsl(348,55%,45%) |
| #B29933 |
rgb(178,153,51) |
hsl(48,55%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #338CB2 |
rgb(51,140,178) |
hsl(198,55%,45%) |
| #B25933 |
rgb(178,89,51) |
hsl(18,55%,45%) |
| #33B398 |
rgb(51,179,152) |
hsl(167,56%,45%) |
| #B29933 |
rgb(178,153,51) |
hsl(48,55%,45%) |
