HEX #309CC2 color — Pelorous
The color #309CC2 is a light shade and moderately saturated.
Palette
309CC2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fc |
rgb(243,249,252) |
hsl(196,60%,97%) |
#def0f7 |
rgb(222,240,247) |
hsl(196,60%,92%) |
#cae7f2 |
rgb(202,231,242) |
hsl(196,60%,87%) |
#b6deed |
rgb(182,222,237) |
hsl(196,60%,82%) |
#a1d5e8 |
rgb(161,213,232) |
hsl(196,60%,77%) |
#8dcce2 |
rgb(141,204,226) |
hsl(196,60%,72%) |
#78c2dd |
rgb(120,194,221) |
hsl(196,60%,67%) |
#64b9d8 |
rgb(100,185,216) |
hsl(196,60%,62%) |
#50b0d3 |
rgb(80,176,211) |
hsl(196,60%,57%) |
#3ba7ce |
rgb(59,167,206) |
hsl(196,60%,52%) |
#3099c0 |
rgb(48,153,192) |
hsl(196,60%,47%) |
#2b89ab |
rgb(43,137,171) |
hsl(196,60%,42%) |
#267997 |
rgb(38,121,151) |
hsl(196,60%,37%) |
#216883 |
rgb(33,104,131) |
hsl(196,60%,32%) |
#1c586e |
rgb(28,88,110) |
hsl(196,60%,27%) |
#16485a |
rgb(22,72,90) |
hsl(196,60%,22%) |
#113745 |
rgb(17,55,69) |
hsl(196,60%,17%) |
#0c2731 |
rgb(12,39,49) |
hsl(196,60%,12%) |
#07171d |
rgb(7,23,29) |
hsl(196,60%,7%) |
#020708 |
rgb(2,7,8) |
hsl(196,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C286 |
rgb(48,194,134) |
hsl(155,60%,47%) |
#309CC2 |
rgb(48,156,194) |
hsl(196,60%,47%) |
#303BC2 |
rgb(48,59,194) |
hsl(235,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#66BAD9 |
rgb(102,186,217) |
hsl(196,60%,63%) |
#47ADD1 |
rgb(71,173,209) |
hsl(196,60%,55%) |
#309CC2 |
rgb(48,156,194) |
hsl(196,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 |
#309CC2 |
rgb(48,156,194) |
hsl(196,60%,47%) |
#C23053 |
rgb(194,48,83) |
hsl(346,60%,47%) |
#C29E30 |
rgb(194,158,48) |
hsl(45,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#309CC2 |
rgb(48,156,194) |
hsl(196,60%,47%) |
#C25730 |
rgb(194,87,48) |
hsl(16,60%,47%) |
#30C29F |
rgb(48,194,159) |
hsl(166,60%,47%) |
#C29E30 |
rgb(194,158,48) |
hsl(45,60%,47%) |