HEX #309CC0 color — Boston Blue
The color #309cc0 is a light shade and moderately saturated.
Palette
309cc0 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafc |
rgb(243,250,252) |
hsl(195,60%,97%) |
#def1f7 |
rgb(222,241,247) |
hsl(195,60%,92%) |
#cae8f2 |
rgb(202,232,242) |
hsl(195,60%,87%) |
#b6dfed |
rgb(182,223,237) |
hsl(195,60%,82%) |
#a1d6e8 |
rgb(161,214,232) |
hsl(195,60%,77%) |
#8dcde2 |
rgb(141,205,226) |
hsl(195,60%,72%) |
#78c4dd |
rgb(120,196,221) |
hsl(195,60%,67%) |
#64bbd8 |
rgb(100,187,216) |
hsl(195,60%,62%) |
#50b2d3 |
rgb(80,178,211) |
hsl(195,60%,57%) |
#3ba9ce |
rgb(59,169,206) |
hsl(195,60%,52%) |
#309cc0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#2b8bab |
rgb(43,139,171) |
hsl(195,60%,42%) |
#267b97 |
rgb(38,123,151) |
hsl(195,60%,37%) |
#216a83 |
rgb(33,106,131) |
hsl(195,60%,32%) |
#1c5a6e |
rgb(28,90,110) |
hsl(195,60%,27%) |
#16495a |
rgb(22,73,90) |
hsl(195,60%,22%) |
#113845 |
rgb(17,56,69) |
hsl(195,60%,17%) |
#0c2831 |
rgb(12,40,49) |
hsl(195,60%,12%) |
#07171d |
rgb(7,23,29) |
hsl(195,60%,7%) |
#020708 |
rgb(2,7,8) |
hsl(195,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BF84 |
rgb(48,191,132) |
hsl(155,60%,47%) |
#309CC0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#303DC0 |
rgb(48,61,192) |
hsl(235,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#64BAD8 |
rgb(100,186,216) |
hsl(196,60%,62%) |
#45ADD0 |
rgb(69,173,208) |
hsl(195,60%,54%) |
#309CC0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#2882A1 |
rgb(40,130,161) |
hsl(195,60%,39%) |
#206B82 |
rgb(32,107,130) |
hsl(194,60%,32%) |
#185263 |
rgb(24,82,99) |
hsl(194,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#309CC0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#C03054 |
rgb(192,48,84) |
hsl(345,60%,47%) |
#C09C30 |
rgb(192,156,48) |
hsl(45,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#309CC0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#C05430 |
rgb(192,84,48) |
hsl(15,60%,47%) |
#30BF9C |
rgb(48,191,156) |
hsl(165,60%,47%) |
#C09C30 |
rgb(192,156,48) |
hsl(45,60%,47%) |