HEX #309CC1 color — Boston Blue
The color #309CC1 is a light shade and moderately saturated.
Palette
309CC1 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 |
#30C285 |
rgb(48,194,133) |
hsl(155,60%,47%) |
#309CC1 |
rgb(48,156,193) |
hsl(195,60%,47%) |
#303BC1 |
rgb(48,59,193) |
hsl(235,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#65BAD8 |
rgb(101,186,216) |
hsl(196,60%,62%) |
#46ADD1 |
rgb(70,173,209) |
hsl(196,60%,55%) |
#309CC1 |
rgb(48,156,193) |
hsl(195,60%,47%) |
#2882A2 |
rgb(40,130,162) |
hsl(196,60%,40%) |
#206B83 |
rgb(32,107,131) |
hsl(195,61%,32%) |
#185264 |
rgb(24,82,100) |
hsl(194,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#309CC1 |
rgb(48,156,193) |
hsl(195,60%,47%) |
#C13053 |
rgb(193,48,83) |
hsl(346,60%,47%) |
#C19E30 |
rgb(193,158,48) |
hsl(46,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#309CC1 |
rgb(48,156,193) |
hsl(195,60%,47%) |
#C15430 |
rgb(193,84,48) |
hsl(15,60%,47%) |
#30C29D |
rgb(48,194,157) |
hsl(165,60%,47%) |
#C19E30 |
rgb(193,158,48) |
hsl(46,60%,47%) |