HEX #306EED color — Royal Blue

The color #306EED is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306EED color palette from light to dark

HEX RGB HSL
#ecf2fd rgb(236,242,253) hsl(220,84%,96%)
#d5e2fb rgb(213,226,251) hsl(220,84%,91%)
#bdd1f9 rgb(189,209,249) hsl(220,84%,86%)
#a6c1f7 rgb(166,193,247) hsl(220,84%,81%)
#8eb1f5 rgb(142,177,245) hsl(220,84%,76%)
#77a0f3 rgb(119,160,243) hsl(220,84%,71%)
#5f90f1 rgb(95,144,241) hsl(220,84%,66%)
#4880ef rgb(72,128,239) hsl(220,84%,61%)
#316fed rgb(49,111,237) hsl(220,84%,56%)
#195feb rgb(25,95,235) hsl(220,84%,51%)
#1354d8 rgb(19,84,216) hsl(220,84%,46%)
#114bc0 rgb(17,75,192) hsl(220,84%,41%)
#0f42a9 rgb(15,66,169) hsl(220,84%,36%)
#0d3991 rgb(13,57,145) hsl(220,84%,31%)
#0b307a rgb(11,48,122) hsl(220,84%,26%)
#092763 rgb(9,39,99) hsl(220,84%,21%)
#071d4b rgb(7,29,75) hsl(220,84%,16%)
#041434 rgb(4,20,52) hsl(220,84%,11%)
#020b1c rgb(2,11,28) hsl(220,84%,6%)
#000205 rgb(0,2,5) hsl(220,84%,1%)

Adjacent colors

HEX RGB HSL
#30EDED rgb(48,237,237) hsl(180,84%,56%)
#306EED rgb(48,110,237) hsl(220,84%,56%)
#7030ED rgb(112,48,237) hsl(260,84%,56%)

Monochromatic colors

HEX RGB HSL
#83A8F4 rgb(131,168,244) hsl(220,84%,74%)
#598CF0 rgb(89,140,240) hsl(220,83%,65%)
#306EED rgb(48,110,237) hsl(220,84%,56%)
#1354DC rgb(19,84,220) hsl(221,84%,47%)
#0F45B2 rgb(15,69,178) hsl(220,84%,38%)
#0B3688 rgb(11,54,136) hsl(219,85%,29%)

Triad color palettes

HEX RGB HSL
#306EED rgb(48,110,237) hsl(220,84%,56%)
#ED5230 rgb(237,82,48) hsl(11,84%,56%)
#CCED30 rgb(204,237,48) hsl(70,84%,56%)

Tetrad color palettes

HEX RGB HSL
#306EED rgb(48,110,237) hsl(220,84%,56%)
#EDB030 rgb(237,176,48) hsl(41,84%,56%)
#30CCED rgb(48,204,237) hsl(190,84%,56%)
#CCED30 rgb(204,237,48) hsl(70,84%,56%)