HEX #305CCC color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

305CCC color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(223,62%,99%)
#e6ecf9 rgb(230,236,249) hsl(223,62%,94%)
#d2dbf4 rgb(210,219,244) hsl(223,62%,89%)
#bdcbef rgb(189,203,239) hsl(223,62%,84%)
#a8bbeb rgb(168,187,235) hsl(223,62%,79%)
#94abe6 rgb(148,171,230) hsl(223,62%,74%)
#7f9be1 rgb(127,155,225) hsl(223,62%,69%)
#6a8bdc rgb(106,139,220) hsl(223,62%,64%)
#567ad7 rgb(86,122,215) hsl(223,62%,59%)
#416ad2 rgb(65,106,210) hsl(223,62%,54%)
#2f5bca rgb(47,91,202) hsl(223,62%,49%)
#2b52b6 rgb(43,82,182) hsl(223,62%,44%)
#2649a1 rgb(38,73,161) hsl(223,62%,39%)
#213f8c rgb(33,63,140) hsl(223,62%,34%)
#1c3678 rgb(28,54,120) hsl(223,62%,29%)
#172d63 rgb(23,45,99) hsl(223,62%,24%)
#12234e rgb(18,35,78) hsl(223,62%,19%)
#0e1a3a rgb(14,26,58) hsl(223,62%,14%)
#091125 rgb(9,17,37) hsl(223,62%,9%)
#040711 rgb(4,7,17) hsl(223,62%,4%)

Adjacent colors

HEX RGB HSL
#30C4CC rgb(48,196,204) hsl(183,62%,49%)
#305CCC rgb(48,92,204) hsl(223,62%,49%)
#6C30CC rgb(108,48,204) hsl(263,62%,49%)

Monochromatic colors

HEX RGB HSL
#6F8FDD rgb(111,143,221) hsl(223,62%,65%)
#4E75D5 rgb(78,117,213) hsl(223,62%,57%)
#305CCC rgb(48,92,204) hsl(223,62%,49%)
#284DAB rgb(40,77,171) hsl(223,62%,41%)
#20408A rgb(32,64,138) hsl(222,62%,33%)
#18306A rgb(24,48,106) hsl(222,63%,25%)

Triad color palettes

HEX RGB HSL
#305CCC rgb(48,92,204) hsl(223,62%,49%)
#CC5230 rgb(204,82,48) hsl(13,62%,49%)
#AACC30 rgb(170,204,48) hsl(73,62%,49%)

Tetrad color palettes

HEX RGB HSL
#305CCC rgb(48,92,204) hsl(223,62%,49%)
#CCA130 rgb(204,161,48) hsl(43,62%,49%)
#30ABCC rgb(48,171,204) hsl(193,62%,49%)
#AACC30 rgb(170,204,48) hsl(73,62%,49%)