HEX #307DE0 color — Royal Blue
The color #307DE0 is a dark shade and moderately saturated.
Palette
307DE0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,74%,98%) |
#e0ebfa |
rgb(224,235,250) |
hsl(214,74%,93%) |
#caddf7 |
rgb(202,221,247) |
hsl(214,74%,88%) |
#b4cff4 |
rgb(180,207,244) |
hsl(214,74%,83%) |
#9dc1f0 |
rgb(157,193,240) |
hsl(214,74%,78%) |
#87b3ed |
rgb(135,179,237) |
hsl(214,74%,73%) |
#71a5ea |
rgb(113,165,234) |
hsl(214,74%,68%) |
#5b97e6 |
rgb(91,151,230) |
hsl(214,74%,63%) |
#4589e3 |
rgb(69,137,227) |
hsl(214,74%,58%) |
#2e7be0 |
rgb(46,123,224) |
hsl(214,74%,53%) |
#206ed5 |
rgb(32,110,213) |
hsl(214,74%,48%) |
#1d63bf |
rgb(29,99,191) |
hsl(214,74%,43%) |
#1957a9 |
rgb(25,87,169) |
hsl(214,74%,38%) |
#164c92 |
rgb(22,76,146) |
hsl(214,74%,33%) |
#13407c |
rgb(19,64,124) |
hsl(214,74%,28%) |
#0f3566 |
rgb(15,53,102) |
hsl(214,74%,23%) |
#0c2950 |
rgb(12,41,80) |
hsl(214,74%,18%) |
#091e3a |
rgb(9,30,58) |
hsl(214,74%,13%) |
#051223 |
rgb(5,18,35) |
hsl(214,74%,8%) |
#02070d |
rgb(2,7,13) |
hsl(214,74%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30E0CD |
rgb(48,224,205) |
hsl(174,74%,53%) |
#307DE0 |
rgb(48,125,224) |
hsl(214,74%,53%) |
#5830E0 |
rgb(88,48,224) |
hsl(254,74%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BADEB |
rgb(123,173,235) |
hsl(213,74%,70%) |
#5594E5 |
rgb(85,148,229) |
hsl(214,73%,62%) |
#307DE0 |
rgb(48,125,224) |
hsl(214,74%,53%) |
#1D69C6 |
rgb(29,105,198) |
hsl(213,74%,45%) |
#1854A0 |
rgb(24,84,160) |
hsl(214,74%,36%) |
#12407B |
rgb(18,64,123) |
hsl(214,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DE0 |
rgb(48,125,224) |
hsl(214,74%,53%) |
#E03B30 |
rgb(224,59,48) |
hsl(4,74%,53%) |
#D5E030 |
rgb(213,224,48) |
hsl(64,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DE0 |
rgb(48,125,224) |
hsl(214,74%,53%) |
#E09430 |
rgb(224,148,48) |
hsl(34,74%,53%) |
#30D6E0 |
rgb(48,214,224) |
hsl(183,74%,53%) |
#D5E030 |
rgb(213,224,48) |
hsl(64,74%,53%) |