HEX #309BC5 color — Curious Blue
The color #309bc5 is a light shade and moderately saturated.
Palette
309bc5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(197,61%,98%) |
#e2f2f8 |
rgb(226,242,248) |
hsl(197,61%,93%) |
#cee8f3 |
rgb(206,232,243) |
hsl(197,61%,88%) |
#b9dfee |
rgb(185,223,238) |
hsl(197,61%,83%) |
#a5d6e9 |
rgb(165,214,233) |
hsl(197,61%,78%) |
#90cce4 |
rgb(144,204,228) |
hsl(197,61%,73%) |
#7cc3df |
rgb(124,195,223) |
hsl(197,61%,68%) |
#67bada |
rgb(103,186,218) |
hsl(197,61%,63%) |
#53b0d5 |
rgb(83,176,213) |
hsl(197,61%,58%) |
#3ea7d0 |
rgb(62,167,208) |
hsl(197,61%,53%) |
#309bc5 |
rgb(48,155,197) |
hsl(197,61%,48%) |
#2b8bb1 |
rgb(43,139,177) |
hsl(197,61%,43%) |
#267b9c |
rgb(38,123,156) |
hsl(197,61%,38%) |
#216a87 |
rgb(33,106,135) |
hsl(197,61%,33%) |
#1c5a73 |
rgb(28,90,115) |
hsl(197,61%,28%) |
#174a5e |
rgb(23,74,94) |
hsl(197,61%,23%) |
#123a4a |
rgb(18,58,74) |
hsl(197,61%,18%) |
#0d2a35 |
rgb(13,42,53) |
hsl(197,61%,13%) |
#081a21 |
rgb(8,26,33) |
hsl(197,61%,8%) |
#030a0c |
rgb(3,10,12) |
hsl(197,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C48B |
rgb(48,196,139) |
hsl(157,61%,48%) |
#309BC5 |
rgb(48,155,197) |
hsl(197,61%,48%) |
#3038C5 |
rgb(48,56,197) |
hsl(237,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#68BADA |
rgb(104,186,218) |
hsl(197,61%,63%) |
#49ABD2 |
rgb(73,171,210) |
hsl(197,60%,55%) |
#309BC5 |
rgb(48,155,197) |
hsl(197,61%,48%) |
#2882A5 |
rgb(40,130,165) |
hsl(197,61%,40%) |
#206985 |
rgb(32,105,133) |
hsl(197,61%,32%) |
#185266 |
rgb(24,82,102) |
hsl(195,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#309BC5 |
rgb(48,155,197) |
hsl(197,61%,48%) |
#C53050 |
rgb(197,48,80) |
hsl(347,61%,48%) |
#C5A630 |
rgb(197,166,48) |
hsl(48,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#309BC5 |
rgb(48,155,197) |
hsl(197,61%,48%) |
#C55930 |
rgb(197,89,48) |
hsl(17,61%,48%) |
#30C4A4 |
rgb(48,196,164) |
hsl(167,61%,48%) |
#C5A630 |
rgb(197,166,48) |
hsl(48,61%,48%) |