HEX #306EF0 color — Royal Blue
The color #306EF0 is a dark shade and moderately saturated.
Palette
306EF0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2fe |
rgb(236,242,254) |
hsl(221,86%,96%) |
#d4e1fc |
rgb(212,225,252) |
hsl(221,86%,91%) |
#bdd0fa |
rgb(189,208,250) |
hsl(221,86%,86%) |
#a5bff8 |
rgb(165,191,248) |
hsl(221,86%,81%) |
#8daff6 |
rgb(141,175,246) |
hsl(221,86%,76%) |
#759ef5 |
rgb(117,158,245) |
hsl(221,86%,71%) |
#5e8df3 |
rgb(94,141,243) |
hsl(221,86%,66%) |
#467cf1 |
rgb(70,124,241) |
hsl(221,86%,61%) |
#2e6bef |
rgb(46,107,239) |
hsl(221,86%,56%) |
#175bee |
rgb(23,91,238) |
hsl(221,86%,51%) |
#1050da |
rgb(16,80,218) |
hsl(221,86%,46%) |
#0f48c2 |
rgb(15,72,194) |
hsl(221,86%,41%) |
#0d3fab |
rgb(13,63,171) |
hsl(221,86%,36%) |
#0b3693 |
rgb(11,54,147) |
hsl(221,86%,31%) |
#092d7b |
rgb(9,45,123) |
hsl(221,86%,26%) |
#072564 |
rgb(7,37,100) |
hsl(221,86%,21%) |
#061c4c |
rgb(6,28,76) |
hsl(221,86%,16%) |
#041334 |
rgb(4,19,52) |
hsl(221,86%,11%) |
#020a1c |
rgb(2,10,28) |
hsl(221,86%,6%) |
#000205 |
rgb(0,2,5) |
hsl(221,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30EDF0 |
rgb(48,237,240) |
hsl(181,86%,56%) |
#306EF0 |
rgb(48,110,240) |
hsl(221,86%,56%) |
#7230F0 |
rgb(114,48,240) |
hsl(261,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85ABF6 |
rgb(133,171,246) |
hsl(220,86%,74%) |
#5A8CF3 |
rgb(90,140,243) |
hsl(220,86%,65%) |
#306EF0 |
rgb(48,110,240) |
hsl(221,86%,56%) |
#1054E1 |
rgb(16,84,225) |
hsl(220,87%,47%) |
#0D45B6 |
rgb(13,69,182) |
hsl(220,87%,38%) |
#0A338B |
rgb(10,51,139) |
hsl(221,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EF0 |
rgb(48,110,240) |
hsl(221,86%,56%) |
#F05230 |
rgb(240,82,48) |
hsl(11,86%,56%) |
#CEF030 |
rgb(206,240,48) |
hsl(71,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EF0 |
rgb(48,110,240) |
hsl(221,86%,56%) |
#F0B330 |
rgb(240,179,48) |
hsl(41,86%,56%) |
#30CFF0 |
rgb(48,207,240) |
hsl(190,86%,56%) |
#CEF030 |
rgb(206,240,48) |
hsl(71,86%,56%) |