HEX #368EC4 color — Boston Blue
The color #368ec4 is a light shade and moderately saturated.
Palette
368ec4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(203,57%,99%) |
#e7f2f8 |
rgb(231,242,248) |
hsl(203,57%,94%) |
#d3e7f3 |
rgb(211,231,243) |
hsl(203,57%,89%) |
#bfdced |
rgb(191,220,237) |
hsl(203,57%,84%) |
#abd1e8 |
rgb(171,209,232) |
hsl(203,57%,79%) |
#97c6e2 |
rgb(151,198,226) |
hsl(203,57%,74%) |
#83badd |
rgb(131,186,221) |
hsl(203,57%,69%) |
#6fafd8 |
rgb(111,175,216) |
hsl(203,57%,64%) |
#5ba4d2 |
rgb(91,164,210) |
hsl(203,57%,59%) |
#4799cd |
rgb(71,153,205) |
hsl(203,57%,54%) |
#368ec4 |
rgb(54,142,196) |
hsl(203,57%,49%) |
#307fb0 |
rgb(48,127,176) |
hsl(203,57%,44%) |
#2b719c |
rgb(43,113,156) |
hsl(203,57%,39%) |
#256288 |
rgb(37,98,136) |
hsl(203,57%,34%) |
#205474 |
rgb(32,84,116) |
hsl(203,57%,29%) |
#1a4560 |
rgb(26,69,96) |
hsl(203,57%,24%) |
#15374c |
rgb(21,55,76) |
hsl(203,57%,19%) |
#0f2838 |
rgb(15,40,56) |
hsl(203,57%,14%) |
#0a1a24 |
rgb(10,26,36) |
hsl(203,57%,9%) |
#040c10 |
rgb(4,12,16) |
hsl(203,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C49B |
rgb(54,196,155) |
hsl(163,57%,49%) |
#368EC4 |
rgb(54,142,196) |
hsl(203,57%,49%) |
#3C36C4 |
rgb(60,54,196) |
hsl(243,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#71B3D8 |
rgb(113,179,216) |
hsl(202,57%,65%) |
#52A1CF |
rgb(82,161,207) |
hsl(202,57%,57%) |
#368EC4 |
rgb(54,142,196) |
hsl(203,57%,49%) |
#2D78A4 |
rgb(45,120,164) |
hsl(202,57%,41%) |
#246185 |
rgb(36,97,133) |
hsl(202,57%,33%) |
#1C4A65 |
rgb(28,74,101) |
hsl(202,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#368EC4 |
rgb(54,142,196) |
hsl(203,57%,49%) |
#C43647 |
rgb(196,54,71) |
hsl(353,57%,49%) |
#C4B336 |
rgb(196,179,54) |
hsl(53,57%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#368EC4 |
rgb(54,142,196) |
hsl(203,57%,49%) |
#C46B36 |
rgb(196,107,54) |
hsl(22,57%,49%) |
#36C4B3 |
rgb(54,196,179) |
hsl(173,57%,49%) |
#C4B336 |
rgb(196,179,54) |
hsl(53,57%,49%) |