HEX #306EF2 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

306EF2 color palette from light to dark

HEX RGB HSL
#f1f5fe rgb(241,245,254) hsl(221,88%,97%)
#d9e4fd rgb(217,228,253) hsl(221,88%,92%)
#c1d3fb rgb(193,211,251) hsl(221,88%,87%)
#a9c2f9 rgb(169,194,249) hsl(221,88%,82%)
#91b1f8 rgb(145,177,248) hsl(221,88%,77%)
#79a1f6 rgb(121,161,246) hsl(221,88%,72%)
#6190f5 rgb(97,144,245) hsl(221,88%,67%)
#497ff3 rgb(73,127,243) hsl(221,88%,62%)
#316ef2 rgb(49,110,242) hsl(221,88%,57%)
#195df0 rgb(25,93,240) hsl(221,88%,52%)
#0e51e1 rgb(14,81,225) hsl(221,88%,47%)
#0d49c9 rgb(13,73,201) hsl(221,88%,42%)
#0b40b1 rgb(11,64,177) hsl(221,88%,37%)
#0a3799 rgb(10,55,153) hsl(221,88%,32%)
#082f81 rgb(8,47,129) hsl(221,88%,27%)
#072669 rgb(7,38,105) hsl(221,88%,22%)
#051d51 rgb(5,29,81) hsl(221,88%,17%)
#04153a rgb(4,21,58) hsl(221,88%,12%)
#020c22 rgb(2,12,34) hsl(221,88%,7%)
#01030a rgb(1,3,10) hsl(221,88%,2%)

Adjacent colors

HEX RGB HSL
#30F0F2 rgb(48,240,242) hsl(181,88%,57%)
#306EF2 rgb(48,110,242) hsl(221,88%,57%)
#7330F2 rgb(115,48,242) hsl(261,88%,57%)

Monochromatic colors

HEX RGB HSL
#87ABF7 rgb(135,171,247) hsl(221,88%,75%)
#5B8CF4 rgb(91,140,244) hsl(221,87%,66%)
#306EF2 rgb(48,110,242) hsl(221,88%,57%)
#0E54E5 rgb(14,84,229) hsl(220,88%,48%)
#0B42B9 rgb(11,66,185) hsl(221,89%,38%)
#08338D rgb(8,51,141) hsl(221,89%,29%)

Triad color palettes

HEX RGB HSL
#306EF2 rgb(48,110,242) hsl(221,88%,57%)
#F25430 rgb(242,84,48) hsl(11,88%,57%)
#CFF230 rgb(207,242,48) hsl(71,88%,57%)

Tetrad color palettes

HEX RGB HSL
#306EF2 rgb(48,110,242) hsl(221,88%,57%)
#F2B530 rgb(242,181,48) hsl(41,88%,57%)
#30CFF2 rgb(48,207,242) hsl(191,88%,57%)
#CFF230 rgb(207,242,48) hsl(71,88%,57%)