HEX #307DE7 color — Royal Blue
The color #307DE7 is a dark shade and moderately saturated.
Palette
307DE7 color palette from light to dark
HEX |
RGB |
HSL |
#e8f1fc |
rgb(232,241,252) |
hsl(215,79%,95%) |
#d1e2fa |
rgb(209,226,250) |
hsl(215,79%,90%) |
#bbd4f7 |
rgb(187,212,247) |
hsl(215,79%,85%) |
#a4c5f4 |
rgb(164,197,244) |
hsl(215,79%,80%) |
#8db7f2 |
rgb(141,183,242) |
hsl(215,79%,75%) |
#76a8ef |
rgb(118,168,239) |
hsl(215,79%,70%) |
#5f9aec |
rgb(95,154,236) |
hsl(215,79%,65%) |
#488cea |
rgb(72,140,234) |
hsl(215,79%,60%) |
#327de7 |
rgb(50,125,231) |
hsl(215,79%,55%) |
#1b6fe4 |
rgb(27,111,228) |
hsl(215,79%,50%) |
#1864cd |
rgb(24,100,205) |
hsl(215,79%,45%) |
#1559b7 |
rgb(21,89,183) |
hsl(215,79%,40%) |
#134da0 |
rgb(19,77,160) |
hsl(215,79%,35%) |
#104289 |
rgb(16,66,137) |
hsl(215,79%,30%) |
#0d3772 |
rgb(13,55,114) |
hsl(215,79%,25%) |
#0b2c5b |
rgb(11,44,91) |
hsl(215,79%,20%) |
#082144 |
rgb(8,33,68) |
hsl(215,79%,15%) |
#05162e |
rgb(5,22,46) |
hsl(215,79%,10%) |
#030b17 |
rgb(3,11,23) |
hsl(215,79%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30E8D7 |
rgb(48,232,215) |
hsl(174,80%,55%) |
#307DE7 |
rgb(48,125,231) |
hsl(215,79%,55%) |
#5D30E7 |
rgb(93,48,231) |
hsl(255,79%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80B0F0 |
rgb(128,176,240) |
hsl(214,79%,72%) |
#5896EB |
rgb(88,150,235) |
hsl(215,79%,63%) |
#307DE7 |
rgb(48,125,231) |
hsl(215,79%,55%) |
#1866D2 |
rgb(24,102,210) |
hsl(215,79%,46%) |
#1354AA |
rgb(19,84,170) |
hsl(214,80%,37%) |
#0F4082 |
rgb(15,64,130) |
hsl(214,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DE7 |
rgb(48,125,231) |
hsl(215,79%,55%) |
#E74030 |
rgb(231,64,48) |
hsl(5,79%,55%) |
#D8E830 |
rgb(216,232,48) |
hsl(65,80%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DE7 |
rgb(48,125,231) |
hsl(215,79%,55%) |
#E79930 |
rgb(231,153,48) |
hsl(34,79%,55%) |
#30D9E7 |
rgb(48,217,231) |
hsl(185,79%,55%) |
#D8E830 |
rgb(216,232,48) |
hsl(65,80%,55%) |