HEX #309CB2 color — Boston Blue
The color #309CB2 is a light shade and moderately saturated.
Palette
309CB2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(190,58%,99%) |
#e7f6f9 |
rgb(231,246,249) |
hsl(190,58%,94%) |
#d3eef3 |
rgb(211,238,243) |
hsl(190,58%,89%) |
#bfe6ee |
rgb(191,230,238) |
hsl(190,58%,84%) |
#aadee9 |
rgb(170,222,233) |
hsl(190,58%,79%) |
#96d6e3 |
rgb(150,214,227) |
hsl(190,58%,74%) |
#82cfde |
rgb(130,207,222) |
hsl(190,58%,69%) |
#6ec7d8 |
rgb(110,199,216) |
hsl(190,58%,64%) |
#5abfd3 |
rgb(90,191,211) |
hsl(190,58%,59%) |
#46b7ce |
rgb(70,183,206) |
hsl(190,58%,54%) |
#34adc5 |
rgb(52,173,197) |
hsl(190,58%,49%) |
#2f9cb1 |
rgb(47,156,177) |
hsl(190,58%,44%) |
#2a8a9d |
rgb(42,138,157) |
hsl(190,58%,39%) |
#247889 |
rgb(36,120,137) |
hsl(190,58%,34%) |
#1f6775 |
rgb(31,103,117) |
hsl(190,58%,29%) |
#1a5561 |
rgb(26,85,97) |
hsl(190,58%,24%) |
#14434d |
rgb(20,67,77) |
hsl(190,58%,19%) |
#0f3238 |
rgb(15,50,56) |
hsl(190,58%,14%) |
#0a2024 |
rgb(10,32,36) |
hsl(190,58%,9%) |
#040e10 |
rgb(4,14,16) |
hsl(190,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B371 |
rgb(48,179,113) |
hsl(150,58%,45%) |
#309CB2 |
rgb(48,156,178) |
hsl(190,58%,44%) |
#3045B2 |
rgb(48,69,178) |
hsl(230,58%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#58BDD2 |
rgb(88,189,210) |
hsl(190,58%,58%) |
#3BB3CA |
rgb(59,179,202) |
hsl(190,57%,51%) |
#309CB2 |
rgb(48,156,178) |
hsl(190,58%,44%) |
#288295 |
rgb(40,130,149) |
hsl(190,58%,37%) |
#206B79 |
rgb(32,107,121) |
hsl(189,58%,30%) |
#18525C |
rgb(24,82,92) |
hsl(189,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#309CB2 |
rgb(48,156,178) |
hsl(190,58%,44%) |
#B2305B |
rgb(178,48,91) |
hsl(340,58%,44%) |
#B28730 |
rgb(178,135,48) |
hsl(40,58%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#309CB2 |
rgb(48,156,178) |
hsl(190,58%,44%) |
#B24530 |
rgb(178,69,48) |
hsl(10,58%,44%) |
#30B387 |
rgb(48,179,135) |
hsl(160,58%,45%) |
#B28730 |
rgb(178,135,48) |
hsl(40,58%,44%) |