HEX #307AE4 color — Royal Blue
The color #307AE4 is a dark shade and moderately saturated.
Palette
307AE4 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(215,77%,99%) |
#e4eefb |
rgb(228,238,251) |
hsl(215,77%,94%) |
#cddff9 |
rgb(205,223,249) |
hsl(215,77%,89%) |
#b7d1f6 |
rgb(183,209,246) |
hsl(215,77%,84%) |
#a0c3f3 |
rgb(160,195,243) |
hsl(215,77%,79%) |
#8ab4f0 |
rgb(138,180,240) |
hsl(215,77%,74%) |
#73a6ed |
rgb(115,166,237) |
hsl(215,77%,69%) |
#5d97ea |
rgb(93,151,234) |
hsl(215,77%,64%) |
#4689e7 |
rgb(70,137,231) |
hsl(215,77%,59%) |
#2f7be4 |
rgb(47,123,228) |
hsl(215,77%,54%) |
#1d6ddd |
rgb(29,109,221) |
hsl(215,77%,49%) |
#1a62c7 |
rgb(26,98,199) |
hsl(215,77%,44%) |
#1757b0 |
rgb(23,87,176) |
hsl(215,77%,39%) |
#144c99 |
rgb(20,76,153) |
hsl(215,77%,34%) |
#114083 |
rgb(17,64,131) |
hsl(215,77%,29%) |
#0e356c |
rgb(14,53,108) |
hsl(215,77%,24%) |
#0b2a56 |
rgb(11,42,86) |
hsl(215,77%,19%) |
#081f3f |
rgb(8,31,63) |
hsl(215,77%,14%) |
#051429 |
rgb(5,20,41) |
hsl(215,77%,9%) |
#020912 |
rgb(2,9,18) |
hsl(215,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30E3D6 |
rgb(48,227,214) |
hsl(176,76%,54%) |
#307AE4 |
rgb(48,122,228) |
hsl(215,77%,54%) |
#5E30E4 |
rgb(94,48,228) |
hsl(255,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EADEE |
rgb(126,173,238) |
hsl(215,77%,71%) |
#5794E9 |
rgb(87,148,233) |
hsl(215,77%,63%) |
#307AE4 |
rgb(48,122,228) |
hsl(215,77%,54%) |
#1A63CD |
rgb(26,99,205) |
hsl(216,77%,45%) |
#1552A6 |
rgb(21,82,166) |
hsl(215,78%,37%) |
#103D7E |
rgb(16,61,126) |
hsl(215,77%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AE4 |
rgb(48,122,228) |
hsl(215,77%,54%) |
#E44030 |
rgb(228,64,48) |
hsl(5,77%,54%) |
#D4E330 |
rgb(212,227,48) |
hsl(65,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AE4 |
rgb(48,122,228) |
hsl(215,77%,54%) |
#E49930 |
rgb(228,153,48) |
hsl(35,77%,54%) |
#30D4E4 |
rgb(48,212,228) |
hsl(185,77%,54%) |
#D4E330 |
rgb(212,227,48) |
hsl(65,76%,54%) |