HEX #306BF0 color — Royal Blue
The color #306BF0 is a dark shade and moderately saturated.
Palette
306BF0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1fe |
rgb(236,241,254) |
hsl(222,86%,96%) |
#d4e0fc |
rgb(212,224,252) |
hsl(222,86%,91%) |
#bdcffa |
rgb(189,207,250) |
hsl(222,86%,86%) |
#a5bef8 |
rgb(165,190,248) |
hsl(222,86%,81%) |
#8dadf6 |
rgb(141,173,246) |
hsl(222,86%,76%) |
#759cf5 |
rgb(117,156,245) |
hsl(222,86%,71%) |
#5e8af3 |
rgb(94,138,243) |
hsl(222,86%,66%) |
#4679f1 |
rgb(70,121,241) |
hsl(222,86%,61%) |
#2e68ef |
rgb(46,104,239) |
hsl(222,86%,56%) |
#1757ee |
rgb(23,87,238) |
hsl(222,86%,51%) |
#104dda |
rgb(16,77,218) |
hsl(222,86%,46%) |
#0f45c2 |
rgb(15,69,194) |
hsl(222,86%,41%) |
#0d3cab |
rgb(13,60,171) |
hsl(222,86%,36%) |
#0b3493 |
rgb(11,52,147) |
hsl(222,86%,31%) |
#092b7b |
rgb(9,43,123) |
hsl(222,86%,26%) |
#072364 |
rgb(7,35,100) |
hsl(222,86%,21%) |
#061b4c |
rgb(6,27,76) |
hsl(222,86%,16%) |
#041234 |
rgb(4,18,52) |
hsl(222,86%,11%) |
#020a1c |
rgb(2,10,28) |
hsl(222,86%,6%) |
#000205 |
rgb(0,2,5) |
hsl(222,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30EBF0 |
rgb(48,235,240) |
hsl(182,86%,56%) |
#306BF0 |
rgb(48,107,240) |
hsl(222,86%,56%) |
#7530F0 |
rgb(117,48,240) |
hsl(262,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A8F6 |
rgb(133,168,246) |
hsl(221,86%,74%) |
#5A8AF3 |
rgb(90,138,243) |
hsl(221,86%,65%) |
#306BF0 |
rgb(48,107,240) |
hsl(222,86%,56%) |
#1052E1 |
rgb(16,82,225) |
hsl(221,87%,47%) |
#0D42B6 |
rgb(13,66,182) |
hsl(221,87%,38%) |
#0A338B |
rgb(10,51,139) |
hsl(221,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BF0 |
rgb(48,107,240) |
hsl(222,86%,56%) |
#F05430 |
rgb(240,84,48) |
hsl(11,86%,56%) |
#CBF030 |
rgb(203,240,48) |
hsl(72,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BF0 |
rgb(48,107,240) |
hsl(222,86%,56%) |
#F0B530 |
rgb(240,181,48) |
hsl(42,86%,56%) |
#30CCF0 |
rgb(48,204,240) |
hsl(191,86%,56%) |
#CBF030 |
rgb(203,240,48) |
hsl(72,86%,56%) |