HEX #3078F0 color — Royal Blue
The color #3078F0 is a dark shade and moderately saturated.
Palette
3078F0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2fe |
rgb(236,242,254) |
hsl(218,86%,96%) |
#d4e3fc |
rgb(212,227,252) |
hsl(218,86%,91%) |
#bdd3fa |
rgb(189,211,250) |
hsl(218,86%,86%) |
#a5c3f8 |
rgb(165,195,248) |
hsl(218,86%,81%) |
#8db4f6 |
rgb(141,180,246) |
hsl(218,86%,76%) |
#75a4f5 |
rgb(117,164,245) |
hsl(218,86%,71%) |
#5e94f3 |
rgb(94,148,243) |
hsl(218,86%,66%) |
#4685f1 |
rgb(70,133,241) |
hsl(218,86%,61%) |
#2e75ef |
rgb(46,117,239) |
hsl(218,86%,56%) |
#1765ee |
rgb(23,101,238) |
hsl(218,86%,51%) |
#105ada |
rgb(16,90,218) |
hsl(218,86%,46%) |
#0f51c2 |
rgb(15,81,194) |
hsl(218,86%,41%) |
#0d47ab |
rgb(13,71,171) |
hsl(218,86%,36%) |
#0b3d93 |
rgb(11,61,147) |
hsl(218,86%,31%) |
#09337b |
rgb(9,51,123) |
hsl(218,86%,26%) |
#072964 |
rgb(7,41,100) |
hsl(218,86%,21%) |
#061f4c |
rgb(6,31,76) |
hsl(218,86%,16%) |
#041634 |
rgb(4,22,52) |
hsl(218,86%,11%) |
#020c1c |
rgb(2,12,28) |
hsl(218,86%,6%) |
#000205 |
rgb(0,2,5) |
hsl(218,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30F0E8 |
rgb(48,240,232) |
hsl(178,86%,56%) |
#3078F0 |
rgb(48,120,240) |
hsl(218,86%,56%) |
#6830F0 |
rgb(104,48,240) |
hsl(258,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85B0F6 |
rgb(133,176,246) |
hsl(217,86%,74%) |
#5A94F3 |
rgb(90,148,243) |
hsl(217,86%,65%) |
#3078F0 |
rgb(48,120,240) |
hsl(218,86%,56%) |
#105EE1 |
rgb(16,94,225) |
hsl(218,87%,47%) |
#0D4DB6 |
rgb(13,77,182) |
hsl(217,87%,38%) |
#0A3B8B |
rgb(10,59,139) |
hsl(217,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3078F0 |
rgb(48,120,240) |
hsl(218,86%,56%) |
#F04730 |
rgb(240,71,48) |
hsl(7,86%,56%) |
#D8F030 |
rgb(216,240,48) |
hsl(68,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3078F0 |
rgb(48,120,240) |
hsl(218,86%,56%) |
#F0A830 |
rgb(240,168,48) |
hsl(38,86%,56%) |
#30D9F0 |
rgb(48,217,240) |
hsl(187,86%,56%) |
#D8F030 |
rgb(216,240,48) |
hsl(68,86%,56%) |