HEX #306EEF color — Royal Blue
The color #306EEF is a dark shade and moderately saturated.
Palette
306EEF 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 |
#30EDEF |
rgb(48,237,239) |
hsl(181,86%,56%) |
#306EEF |
rgb(48,110,239) |
hsl(221,86%,56%) |
#7130EF |
rgb(113,48,239) |
hsl(260,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85ABF5 |
rgb(133,171,245) |
hsl(220,85%,74%) |
#5A8CF2 |
rgb(90,140,242) |
hsl(220,85%,65%) |
#306EEF |
rgb(48,110,239) |
hsl(221,86%,56%) |
#1154DF |
rgb(17,84,223) |
hsl(220,86%,47%) |
#0E45B5 |
rgb(14,69,181) |
hsl(220,86%,38%) |
#0A338A |
rgb(10,51,138) |
hsl(221,86%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EEF |
rgb(48,110,239) |
hsl(221,86%,56%) |
#EF5230 |
rgb(239,82,48) |
hsl(11,86%,56%) |
#CDF030 |
rgb(205,240,48) |
hsl(71,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EEF |
rgb(48,110,239) |
hsl(221,86%,56%) |
#EFB030 |
rgb(239,176,48) |
hsl(40,86%,56%) |
#30CFEF |
rgb(48,207,239) |
hsl(190,86%,56%) |
#CDF030 |
rgb(205,240,48) |
hsl(71,86%,56%) |