HEX #307AEF color — Royal Blue
The color #307AEF is a dark shade and moderately saturated.
Palette
307AEF color palette from light to dark
HEX |
RGB |
HSL |
#ecf3fe |
rgb(236,243,254) |
hsl(217,86%,96%) |
#d4e3fc |
rgb(212,227,252) |
hsl(217,86%,91%) |
#bdd4fa |
rgb(189,212,250) |
hsl(217,86%,86%) |
#a5c5f8 |
rgb(165,197,248) |
hsl(217,86%,81%) |
#8db6f6 |
rgb(141,182,246) |
hsl(217,86%,76%) |
#75a6f5 |
rgb(117,166,245) |
hsl(217,86%,71%) |
#5e97f3 |
rgb(94,151,243) |
hsl(217,86%,66%) |
#4688f1 |
rgb(70,136,241) |
hsl(217,86%,61%) |
#2e78ef |
rgb(46,120,239) |
hsl(217,86%,56%) |
#1769ee |
rgb(23,105,238) |
hsl(217,86%,51%) |
#105eda |
rgb(16,94,218) |
hsl(217,86%,46%) |
#0f54c2 |
rgb(15,84,194) |
hsl(217,86%,41%) |
#0d49ab |
rgb(13,73,171) |
hsl(217,86%,36%) |
#0b3f93 |
rgb(11,63,147) |
hsl(217,86%,31%) |
#09357b |
rgb(9,53,123) |
hsl(217,86%,26%) |
#072b64 |
rgb(7,43,100) |
hsl(217,86%,21%) |
#06214c |
rgb(6,33,76) |
hsl(217,86%,16%) |
#041634 |
rgb(4,22,52) |
hsl(217,86%,11%) |
#020c1c |
rgb(2,12,28) |
hsl(217,86%,6%) |
#000205 |
rgb(0,2,5) |
hsl(217,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30F0E4 |
rgb(48,240,228) |
hsl(176,86%,56%) |
#307AEF |
rgb(48,122,239) |
hsl(217,86%,56%) |
#6530EF |
rgb(101,48,239) |
hsl(257,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85B0F5 |
rgb(133,176,245) |
hsl(217,85%,74%) |
#5A96F2 |
rgb(90,150,242) |
hsl(216,85%,65%) |
#307AEF |
rgb(48,122,239) |
hsl(217,86%,56%) |
#1161DF |
rgb(17,97,223) |
hsl(217,86%,47%) |
#0E4FB5 |
rgb(14,79,181) |
hsl(217,86%,38%) |
#0A3D8A |
rgb(10,61,138) |
hsl(216,86%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AEF |
rgb(48,122,239) |
hsl(217,86%,56%) |
#EF4530 |
rgb(239,69,48) |
hsl(7,86%,56%) |
#D9F030 |
rgb(217,240,48) |
hsl(67,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AEF |
rgb(48,122,239) |
hsl(217,86%,56%) |
#EFA630 |
rgb(239,166,48) |
hsl(37,86%,56%) |
#30D9EF |
rgb(48,217,239) |
hsl(187,86%,56%) |
#D9F030 |
rgb(217,240,48) |
hsl(67,86%,56%) |