HEX #338FB5 color — Boston Blue
The color #338FB5 is a light shade and moderately saturated.
Palette
338FB5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf5f9 |
rgb(235,245,249) |
hsl(198,56%,95%) |
| #d7ebf4 |
rgb(215,235,244) |
hsl(198,56%,90%) |
| #c3e1ee |
rgb(195,225,238) |
hsl(198,56%,85%) |
| #afd7e9 |
rgb(175,215,233) |
hsl(198,56%,80%) |
| #9ccee3 |
rgb(156,206,227) |
hsl(198,56%,75%) |
| #88c4dd |
rgb(136,196,221) |
hsl(198,56%,70%) |
| #74bad8 |
rgb(116,186,216) |
hsl(198,56%,65%) |
| #60b0d2 |
rgb(96,176,210) |
hsl(198,56%,60%) |
| #4ca6cd |
rgb(76,166,205) |
hsl(198,56%,55%) |
| #389cc7 |
rgb(56,156,199) |
hsl(198,56%,50%) |
| #328cb3 |
rgb(50,140,179) |
hsl(198,56%,45%) |
| #2d7d9f |
rgb(45,125,159) |
hsl(198,56%,40%) |
| #276d8b |
rgb(39,109,139) |
hsl(198,56%,35%) |
| #225e77 |
rgb(34,94,119) |
hsl(198,56%,30%) |
| #1c4e63 |
rgb(28,78,99) |
hsl(198,56%,25%) |
| #163e50 |
rgb(22,62,80) |
hsl(198,56%,20%) |
| #112f3c |
rgb(17,47,60) |
hsl(198,56%,15%) |
| #0b1f28 |
rgb(11,31,40) |
hsl(198,56%,10%) |
| #061014 |
rgb(6,16,20) |
hsl(198,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33B584 |
rgb(51,181,132) |
hsl(157,56%,45%) |
| #338FB5 |
rgb(51,143,181) |
hsl(198,56%,45%) |
| #3338B5 |
rgb(51,56,181) |
hsl(238,56%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #60B0D2 |
rgb(96,176,210) |
hsl(198,56%,60%) |
| #43A3CA |
rgb(67,163,202) |
hsl(197,56%,53%) |
| #338FB5 |
rgb(51,143,181) |
hsl(198,56%,45%) |
| #2A7898 |
rgb(42,120,152) |
hsl(197,57%,38%) |
| #22617B |
rgb(34,97,123) |
hsl(198,57%,31%) |
| #1A4A5E |
rgb(26,74,94) |
hsl(198,57%,24%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #338FB5 |
rgb(51,143,181) |
hsl(198,56%,45%) |
| #B5334E |
rgb(181,51,78) |
hsl(348,56%,45%) |
| #B59933 |
rgb(181,153,51) |
hsl(47,56%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #338FB5 |
rgb(51,143,181) |
hsl(198,56%,45%) |
| #B55933 |
rgb(181,89,51) |
hsl(18,56%,45%) |
| #33B59A |
rgb(51,181,154) |
hsl(168,56%,45%) |
| #B59933 |
rgb(181,153,51) |
hsl(47,56%,45%) |
