HEX #315EC2 color — Cerulean Blue

The color #315EC2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

315EC2 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(221,60%,98%)
#e2e9f8 rgb(226,233,248) hsl(221,60%,93%)
#cedaf3 rgb(206,218,243) hsl(221,60%,88%)
#bacaee rgb(186,202,238) hsl(221,60%,83%)
#a5bbe9 rgb(165,187,233) hsl(221,60%,78%)
#91abe3 rgb(145,171,227) hsl(221,60%,73%)
#7c9bde rgb(124,155,222) hsl(221,60%,68%)
#688cd9 rgb(104,140,217) hsl(221,60%,63%)
#547cd4 rgb(84,124,212) hsl(221,60%,58%)
#3f6dcf rgb(63,109,207) hsl(221,60%,53%)
#315fc4 rgb(49,95,196) hsl(221,60%,48%)
#2c56af rgb(44,86,175) hsl(221,60%,43%)
#274c9b rgb(39,76,155) hsl(221,60%,38%)
#224287 rgb(34,66,135) hsl(221,60%,33%)
#1d3872 rgb(29,56,114) hsl(221,60%,28%)
#172e5e rgb(23,46,94) hsl(221,60%,23%)
#122449 rgb(18,36,73) hsl(221,60%,18%)
#0d1a35 rgb(13,26,53) hsl(221,60%,13%)
#081021 rgb(8,16,33) hsl(221,60%,8%)
#03060c rgb(3,6,12) hsl(221,60%,3%)

Adjacent colors

HEX RGB HSL
#31BFC2 rgb(49,191,194) hsl(181,60%,48%)
#315EC2 rgb(49,94,194) hsl(221,60%,48%)
#6430C2 rgb(100,48,194) hsl(261,60%,47%)

Monochromatic colors

HEX RGB HSL
#678AD8 rgb(103,138,216) hsl(221,59%,63%)
#4873D1 rgb(72,115,209) hsl(221,60%,55%)
#315EC2 rgb(49,94,194) hsl(221,60%,48%)
#294FA2 rgb(41,79,162) hsl(221,60%,40%)
#214083 rgb(33,64,131) hsl(221,60%,32%)
#193064 rgb(25,48,100) hsl(222,60%,25%)

Triad color palettes

HEX RGB HSL
#315EC2 rgb(49,94,194) hsl(221,60%,48%)
#C24D31 rgb(194,77,49) hsl(12,60%,48%)
#A6C231 rgb(166,194,49) hsl(72,60%,48%)

Tetrad color palettes

HEX RGB HSL
#315EC2 rgb(49,94,194) hsl(221,60%,48%)
#C29431 rgb(194,148,49) hsl(41,60%,48%)
#31A6C2 rgb(49,166,194) hsl(192,60%,48%)
#A6C231 rgb(166,194,49) hsl(72,60%,48%)