HEX #307AEE color — Royal Blue
The color #307AEE is a dark shade and moderately saturated.
Palette
307AEE color palette from light to dark
HEX |
RGB |
HSL |
#ecf3fd |
rgb(236,243,253) |
hsl(217,85%,96%) |
#d5e3fc |
rgb(213,227,252) |
hsl(217,85%,91%) |
#bdd4fa |
rgb(189,212,250) |
hsl(217,85%,86%) |
#a5c5f8 |
rgb(165,197,248) |
hsl(217,85%,81%) |
#8eb6f6 |
rgb(142,182,246) |
hsl(217,85%,76%) |
#76a6f4 |
rgb(118,166,244) |
hsl(217,85%,71%) |
#5f97f2 |
rgb(95,151,242) |
hsl(217,85%,66%) |
#4788f0 |
rgb(71,136,240) |
hsl(217,85%,61%) |
#2f79ee |
rgb(47,121,238) |
hsl(217,85%,56%) |
#1869ec |
rgb(24,105,236) |
hsl(217,85%,51%) |
#125ed9 |
rgb(18,94,217) |
hsl(217,85%,46%) |
#1054c1 |
rgb(16,84,193) |
hsl(217,85%,41%) |
#0e4aaa |
rgb(14,74,170) |
hsl(217,85%,36%) |
#0c3f92 |
rgb(12,63,146) |
hsl(217,85%,31%) |
#0a357b |
rgb(10,53,123) |
hsl(217,85%,26%) |
#082b63 |
rgb(8,43,99) |
hsl(217,85%,21%) |
#06214b |
rgb(6,33,75) |
hsl(217,85%,16%) |
#041634 |
rgb(4,22,52) |
hsl(217,85%,11%) |
#020c1c |
rgb(2,12,28) |
hsl(217,85%,6%) |
#000205 |
rgb(0,2,5) |
hsl(217,85%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30EDE3 |
rgb(48,237,227) |
hsl(177,84%,56%) |
#307AEE |
rgb(48,122,238) |
hsl(217,85%,56%) |
#6430EE |
rgb(100,48,238) |
hsl(256,85%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84B0F4 |
rgb(132,176,244) |
hsl(216,84%,74%) |
#5A94F1 |
rgb(90,148,241) |
hsl(217,84%,65%) |
#307AEE |
rgb(48,122,238) |
hsl(217,85%,56%) |
#1261DE |
rgb(18,97,222) |
hsl(217,85%,47%) |
#0E4FB3 |
rgb(14,79,179) |
hsl(216,85%,38%) |
#0B3D89 |
rgb(11,61,137) |
hsl(216,85%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AEE |
rgb(48,122,238) |
hsl(217,85%,56%) |
#EE4530 |
rgb(238,69,48) |
hsl(7,85%,56%) |
#D9ED30 |
rgb(217,237,48) |
hsl(66,84%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AEE |
rgb(48,122,238) |
hsl(217,85%,56%) |
#EEA330 |
rgb(238,163,48) |
hsl(36,85%,56%) |
#30D9EE |
rgb(48,217,238) |
hsl(187,85%,56%) |
#D9ED30 |
rgb(217,237,48) |
hsl(66,84%,56%) |