HEX #305AC5 color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

305ac5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(223,61%,98%)
#e2e8f8 rgb(226,232,248) hsl(223,61%,93%)
#ced8f3 rgb(206,216,243) hsl(223,61%,88%)
#b9c8ee rgb(185,200,238) hsl(223,61%,83%)
#a5b8e9 rgb(165,184,233) hsl(223,61%,78%)
#90a8e4 rgb(144,168,228) hsl(223,61%,73%)
#7c98df rgb(124,152,223) hsl(223,61%,68%)
#6788da rgb(103,136,218) hsl(223,61%,63%)
#5378d5 rgb(83,120,213) hsl(223,61%,58%)
#3e67d0 rgb(62,103,208) hsl(223,61%,53%)
#305ac5 rgb(48,90,197) hsl(223,61%,48%)
#2b51b1 rgb(43,81,177) hsl(223,61%,43%)
#26479c rgb(38,71,156) hsl(223,61%,38%)
#213e87 rgb(33,62,135) hsl(223,61%,33%)
#1c3573 rgb(28,53,115) hsl(223,61%,28%)
#172b5e rgb(23,43,94) hsl(223,61%,23%)
#12224a rgb(18,34,74) hsl(223,61%,18%)
#0d1835 rgb(13,24,53) hsl(223,61%,13%)
#080f21 rgb(8,15,33) hsl(223,61%,8%)
#03060c rgb(3,6,12) hsl(223,61%,3%)

Adjacent colors

HEX RGB HSL
#30BDC5 rgb(48,189,197) hsl(183,61%,48%)
#305AC5 rgb(48,90,197) hsl(223,61%,48%)
#6930C5 rgb(105,48,197) hsl(263,61%,48%)

Monochromatic colors

HEX RGB HSL
#688ADA rgb(104,138,218) hsl(222,61%,63%)
#4970D2 rgb(73,112,210) hsl(223,60%,55%)
#305AC5 rgb(48,90,197) hsl(223,61%,48%)
#284DA5 rgb(40,77,165) hsl(222,61%,40%)
#203D85 rgb(32,61,133) hsl(223,61%,32%)
#182E66 rgb(24,46,102) hsl(223,62%,25%)

Triad color palettes

HEX RGB HSL
#305AC5 rgb(48,90,197) hsl(223,61%,48%)
#C55230 rgb(197,82,48) hsl(14,61%,48%)
#A4C430 rgb(164,196,48) hsl(73,61%,48%)

Tetrad color palettes

HEX RGB HSL
#305AC5 rgb(48,90,197) hsl(223,61%,48%)
#C59C30 rgb(197,156,48) hsl(43,61%,48%)
#30A6C5 rgb(48,166,197) hsl(192,61%,48%)
#A4C430 rgb(164,196,48) hsl(73,61%,48%)