HEX #305CC3 color — Cerulean Blue

The color #305CC3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305CC3 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(222,60%,98%)
#e2e9f8 rgb(226,233,248) hsl(222,60%,93%)
#ced9f3 rgb(206,217,243) hsl(222,60%,88%)
#bac9ee rgb(186,201,238) hsl(222,60%,83%)
#a5b9e9 rgb(165,185,233) hsl(222,60%,78%)
#91aae3 rgb(145,170,227) hsl(222,60%,73%)
#7c9ade rgb(124,154,222) hsl(222,60%,68%)
#688ad9 rgb(104,138,217) hsl(222,60%,63%)
#547ad4 rgb(84,122,212) hsl(222,60%,58%)
#3f6acf rgb(63,106,207) hsl(222,60%,53%)
#315dc4 rgb(49,93,196) hsl(222,60%,48%)
#2c53af rgb(44,83,175) hsl(222,60%,43%)
#274a9b rgb(39,74,155) hsl(222,60%,38%)
#224087 rgb(34,64,135) hsl(222,60%,33%)
#1d3672 rgb(29,54,114) hsl(222,60%,28%)
#172d5e rgb(23,45,94) hsl(222,60%,23%)
#122349 rgb(18,35,73) hsl(222,60%,18%)
#0d1935 rgb(13,25,53) hsl(222,60%,13%)
#081021 rgb(8,16,33) hsl(222,60%,8%)
#03060c rgb(3,6,12) hsl(222,60%,3%)

Adjacent colors

HEX RGB HSL
#30BFC3 rgb(48,191,195) hsl(182,60%,48%)
#305CC3 rgb(48,92,195) hsl(222,60%,48%)
#6630C3 rgb(102,48,195) hsl(262,60%,48%)

Monochromatic colors

HEX RGB HSL
#678AD9 rgb(103,138,217) hsl(222,60%,63%)
#4770D1 rgb(71,112,209) hsl(222,60%,55%)
#305CC3 rgb(48,92,195) hsl(222,60%,48%)
#284DA3 rgb(40,77,163) hsl(222,61%,40%)
#204084 rgb(32,64,132) hsl(221,61%,32%)
#183065 rgb(24,48,101) hsl(221,62%,25%)

Triad color palettes

HEX RGB HSL
#305CC3 rgb(48,92,195) hsl(222,60%,48%)
#C34D30 rgb(195,77,48) hsl(12,60%,48%)
#A5C230 rgb(165,194,48) hsl(72,60%,47%)

Tetrad color palettes

HEX RGB HSL
#305CC3 rgb(48,92,195) hsl(222,60%,48%)
#C39630 rgb(195,150,48) hsl(42,60%,48%)
#30A6C3 rgb(48,166,195) hsl(192,60%,48%)
#A5C230 rgb(165,194,48) hsl(72,60%,47%)