HEX #307AF0 color — Royal Blue

The color #307AF0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

307AF0 color palette from light to dark

HEX RGB HSL
#ecf3fe rgb(236,243,254) hsl(217,86%,96%)
#d4e3fc rgb(212,227,252) hsl(217,86%,91%)
#bdd4fa rgb(189,212,250) hsl(217,86%,86%)
#a5c5f8 rgb(165,197,248) hsl(217,86%,81%)
#8db6f6 rgb(141,182,246) hsl(217,86%,76%)
#75a6f5 rgb(117,166,245) hsl(217,86%,71%)
#5e97f3 rgb(94,151,243) hsl(217,86%,66%)
#4688f1 rgb(70,136,241) hsl(217,86%,61%)
#2e78ef rgb(46,120,239) hsl(217,86%,56%)
#1769ee rgb(23,105,238) hsl(217,86%,51%)
#105eda rgb(16,94,218) hsl(217,86%,46%)
#0f54c2 rgb(15,84,194) hsl(217,86%,41%)
#0d49ab rgb(13,73,171) hsl(217,86%,36%)
#0b3f93 rgb(11,63,147) hsl(217,86%,31%)
#09357b rgb(9,53,123) hsl(217,86%,26%)
#072b64 rgb(7,43,100) hsl(217,86%,21%)
#06214c rgb(6,33,76) hsl(217,86%,16%)
#041634 rgb(4,22,52) hsl(217,86%,11%)
#020c1c rgb(2,12,28) hsl(217,86%,6%)
#000205 rgb(0,2,5) hsl(217,86%,1%)

Adjacent colors

HEX RGB HSL
#30F0E6 rgb(48,240,230) hsl(177,86%,56%)
#307AF0 rgb(48,122,240) hsl(217,86%,56%)
#6630F0 rgb(102,48,240) hsl(257,86%,56%)

Monochromatic colors

HEX RGB HSL
#85B0F6 rgb(133,176,246) hsl(217,86%,74%)
#5A96F3 rgb(90,150,243) hsl(216,86%,65%)
#307AF0 rgb(48,122,240) hsl(217,86%,56%)
#1061E1 rgb(16,97,225) hsl(217,87%,47%)
#0D4FB6 rgb(13,79,182) hsl(217,87%,38%)
#0A3D8B rgb(10,61,139) hsl(216,87%,29%)

Triad color palettes

HEX RGB HSL
#307AF0 rgb(48,122,240) hsl(217,86%,56%)
#F04530 rgb(240,69,48) hsl(7,86%,56%)
#DAF030 rgb(218,240,48) hsl(67,86%,56%)

Tetrad color palettes

HEX RGB HSL
#307AF0 rgb(48,122,240) hsl(217,86%,56%)
#F0A630 rgb(240,166,48) hsl(37,86%,56%)
#30D9F0 rgb(48,217,240) hsl(187,86%,56%)
#DAF030 rgb(218,240,48) hsl(67,86%,56%)