HEX #3DA1B2 color — Boston Blue
The color #3DA1B2 is a light shade and moderately saturated.
Palette
3DA1B2 color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(189,49%,97%) |
#e1f2f5 |
rgb(225,242,245) |
hsl(189,49%,92%) |
#cee9ee |
rgb(206,233,238) |
hsl(189,49%,87%) |
#bbe1e8 |
rgb(187,225,232) |
hsl(189,49%,82%) |
#a8d8e1 |
rgb(168,216,225) |
hsl(189,49%,77%) |
#95d0db |
rgb(149,208,219) |
hsl(189,49%,72%) |
#82c8d4 |
rgb(130,200,212) |
hsl(189,49%,67%) |
#6fbfce |
rgb(111,191,206) |
hsl(189,49%,62%) |
#5cb7c7 |
rgb(92,183,199) |
hsl(189,49%,57%) |
#49afc1 |
rgb(73,175,193) |
hsl(189,49%,52%) |
#3da1b3 |
rgb(61,161,179) |
hsl(189,49%,47%) |
#3790a0 |
rgb(55,144,160) |
hsl(189,49%,42%) |
#307f8d |
rgb(48,127,141) |
hsl(189,49%,37%) |
#2a6e7a |
rgb(42,110,122) |
hsl(189,49%,32%) |
#235c67 |
rgb(35,92,103) |
hsl(189,49%,27%) |
#1d4b54 |
rgb(29,75,84) |
hsl(189,49%,22%) |
#163a41 |
rgb(22,58,65) |
hsl(189,49%,17%) |
#10292e |
rgb(16,41,46) |
hsl(189,49%,12%) |
#09181b |
rgb(9,24,27) |
hsl(189,49%,7%) |
#030708 |
rgb(3,7,8) |
hsl(189,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DB375 |
rgb(61,179,117) |
hsl(148,49%,47%) |
#3DA1B2 |
rgb(61,161,178) |
hsl(189,49%,47%) |
#3D54B2 |
rgb(61,84,178) |
hsl(228,49%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6EBFCD |
rgb(110,191,205) |
hsl(189,49%,62%) |
#51B3C3 |
rgb(81,179,195) |
hsl(188,49%,54%) |
#3DA1B2 |
rgb(61,161,178) |
hsl(189,49%,47%) |
#338795 |
rgb(51,135,149) |
hsl(189,49%,39%) |
#296E79 |
rgb(41,110,121) |
hsl(188,49%,32%) |
#1F545C |
rgb(31,84,92) |
hsl(188,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3DA1B2 |
rgb(61,161,178) |
hsl(189,49%,47%) |
#B23D66 |
rgb(178,61,102) |
hsl(339,49%,47%) |
#B28A3D |
rgb(178,138,61) |
hsl(39,49%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3DA1B2 |
rgb(61,161,178) |
hsl(189,49%,47%) |
#B24F3D |
rgb(178,79,61) |
hsl(9,49%,47%) |
#3DB388 |
rgb(61,179,136) |
hsl(158,49%,47%) |
#B28A3D |
rgb(178,138,61) |
hsl(39,49%,47%) |