HEX #306BE2 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

306BE2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(220,75%,99%)
#e4ecfb rgb(228,236,251) hsl(220,75%,94%)
#cedcf8 rgb(206,220,248) hsl(220,75%,89%)
#b8ccf5 rgb(184,204,245) hsl(220,75%,84%)
#a1bcf2 rgb(161,188,242) hsl(220,75%,79%)
#8bacee rgb(139,172,238) hsl(220,75%,74%)
#759ceb rgb(117,156,235) hsl(220,75%,69%)
#5e8ce8 rgb(94,140,232) hsl(220,75%,64%)
#487ce5 rgb(72,124,229) hsl(220,75%,59%)
#326ce2 rgb(50,108,226) hsl(220,75%,54%)
#1f5edb rgb(31,94,219) hsl(220,75%,49%)
#1c54c4 rgb(28,84,196) hsl(220,75%,44%)
#194bae rgb(25,75,174) hsl(220,75%,39%)
#164198 rgb(22,65,152) hsl(220,75%,34%)
#123781 rgb(18,55,129) hsl(220,75%,29%)
#0f2e6b rgb(15,46,107) hsl(220,75%,24%)
#0c2455 rgb(12,36,85) hsl(220,75%,19%)
#091b3e rgb(9,27,62) hsl(220,75%,14%)
#061128 rgb(6,17,40) hsl(220,75%,9%)
#030812 rgb(3,8,18) hsl(220,75%,4%)

Adjacent colors

HEX RGB HSL
#30E0E2 rgb(48,224,226) hsl(181,75%,54%)
#306BE2 rgb(48,107,226) hsl(220,75%,54%)
#6B30E2 rgb(107,48,226) hsl(260,75%,54%)

Monochromatic colors

HEX RGB HSL
#7CA3EC rgb(124,163,236) hsl(219,75%,71%)
#5687E7 rgb(86,135,231) hsl(220,75%,62%)
#306BE2 rgb(48,107,226) hsl(220,75%,54%)
#1C57C9 rgb(28,87,201) hsl(220,76%,45%)
#1645A3 rgb(22,69,163) hsl(220,76%,36%)
#11367C rgb(17,54,124) hsl(219,76%,28%)

Triad color palettes

HEX RGB HSL
#306BE2 rgb(48,107,226) hsl(220,75%,54%)
#E24F30 rgb(226,79,48) hsl(10,75%,54%)
#C4E330 rgb(196,227,48) hsl(70,76%,54%)

Tetrad color palettes

HEX RGB HSL
#306BE2 rgb(48,107,226) hsl(220,75%,54%)
#E2A630 rgb(226,166,48) hsl(40,75%,54%)
#30C4E2 rgb(48,196,226) hsl(190,75%,54%)
#C4E330 rgb(196,227,48) hsl(70,76%,54%)