HEX #3078E0 color — Royal Blue
The color #3078E0 is a dark shade and moderately saturated.
Palette
3078E0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(215,74%,98%) |
#e0ebfa |
rgb(224,235,250) |
hsl(215,74%,93%) |
#caddf7 |
rgb(202,221,247) |
hsl(215,74%,88%) |
#b4cef4 |
rgb(180,206,244) |
hsl(215,74%,83%) |
#9dc0f0 |
rgb(157,192,240) |
hsl(215,74%,78%) |
#87b2ed |
rgb(135,178,237) |
hsl(215,74%,73%) |
#71a3ea |
rgb(113,163,234) |
hsl(215,74%,68%) |
#5b95e6 |
rgb(91,149,230) |
hsl(215,74%,63%) |
#4587e3 |
rgb(69,135,227) |
hsl(215,74%,58%) |
#2e78e0 |
rgb(46,120,224) |
hsl(215,74%,53%) |
#206bd5 |
rgb(32,107,213) |
hsl(215,74%,48%) |
#1d60bf |
rgb(29,96,191) |
hsl(215,74%,43%) |
#1955a9 |
rgb(25,85,169) |
hsl(215,74%,38%) |
#164a92 |
rgb(22,74,146) |
hsl(215,74%,33%) |
#133f7c |
rgb(19,63,124) |
hsl(215,74%,28%) |
#0f3366 |
rgb(15,51,102) |
hsl(215,74%,23%) |
#0c2850 |
rgb(12,40,80) |
hsl(215,74%,18%) |
#091d3a |
rgb(9,29,58) |
hsl(215,74%,13%) |
#051223 |
rgb(5,18,35) |
hsl(215,74%,8%) |
#02070d |
rgb(2,7,13) |
hsl(215,74%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30E0D2 |
rgb(48,224,210) |
hsl(175,74%,53%) |
#3078E0 |
rgb(48,120,224) |
hsl(215,74%,53%) |
#5D30E0 |
rgb(93,48,224) |
hsl(255,74%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA8EB |
rgb(123,168,235) |
hsl(216,74%,70%) |
#5591E5 |
rgb(85,145,229) |
hsl(215,73%,62%) |
#3078E0 |
rgb(48,120,224) |
hsl(215,74%,53%) |
#1D63C6 |
rgb(29,99,198) |
hsl(215,74%,45%) |
#184FA0 |
rgb(24,79,160) |
hsl(216,74%,36%) |
#123D7B |
rgb(18,61,123) |
hsl(215,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3078E0 |
rgb(48,120,224) |
hsl(215,74%,53%) |
#E04030 |
rgb(224,64,48) |
hsl(5,74%,53%) |
#D0E030 |
rgb(208,224,48) |
hsl(65,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3078E0 |
rgb(48,120,224) |
hsl(215,74%,53%) |
#E09930 |
rgb(224,153,48) |
hsl(36,74%,53%) |
#30D1E0 |
rgb(48,209,224) |
hsl(185,74%,53%) |
#D0E030 |
rgb(208,224,48) |
hsl(65,74%,53%) |