HEX #306BF5 color — Dodger Blue
The color #306BF5 is a dark shade and moderately saturated.
Palette
306BF5 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fe |
rgb(240,245,254) |
hsl(222,91%,97%) |
#d8e3fd |
rgb(216,227,253) |
hsl(222,91%,92%) |
#c0d2fc |
rgb(192,210,252) |
hsl(222,91%,87%) |
#a7c0fb |
rgb(167,192,251) |
hsl(222,91%,82%) |
#8faffa |
rgb(143,175,250) |
hsl(222,91%,77%) |
#779ef9 |
rgb(119,158,249) |
hsl(222,91%,72%) |
#5e8cf7 |
rgb(94,140,247) |
hsl(222,91%,67%) |
#467bf6 |
rgb(70,123,246) |
hsl(222,91%,62%) |
#2e69f5 |
rgb(46,105,245) |
hsl(222,91%,57%) |
#1558f4 |
rgb(21,88,244) |
hsl(222,91%,52%) |
#0b4ce5 |
rgb(11,76,229) |
hsl(222,91%,47%) |
#0a44cd |
rgb(10,68,205) |
hsl(222,91%,42%) |
#083cb4 |
rgb(8,60,180) |
hsl(222,91%,37%) |
#07349c |
rgb(7,52,156) |
hsl(222,91%,32%) |
#062c84 |
rgb(6,44,132) |
hsl(222,91%,27%) |
#05246b |
rgb(5,36,107) |
hsl(222,91%,22%) |
#041c53 |
rgb(4,28,83) |
hsl(222,91%,17%) |
#03133a |
rgb(3,19,58) |
hsl(222,91%,12%) |
#020b22 |
rgb(2,11,34) |
hsl(222,91%,7%) |
#00030a |
rgb(0,3,10) |
hsl(222,91%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30EDF5 |
rgb(48,237,245) |
hsl(182,91%,57%) |
#306BF5 |
rgb(48,107,245) |
hsl(222,91%,57%) |
#7830F5 |
rgb(120,48,245) |
hsl(262,91%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89ABF9 |
rgb(137,171,249) |
hsl(222,90%,76%) |
#5C8AF7 |
rgb(92,138,247) |
hsl(222,91%,66%) |
#306BF5 |
rgb(48,107,245) |
hsl(222,91%,57%) |
#0B4FEA |
rgb(11,79,234) |
hsl(222,91%,48%) |
#0940BE |
rgb(9,64,190) |
hsl(222,91%,39%) |
#073091 |
rgb(7,48,145) |
hsl(222,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BF5 |
rgb(48,107,245) |
hsl(222,91%,57%) |
#F55730 |
rgb(245,87,48) |
hsl(12,91%,57%) |
#CDF530 |
rgb(205,245,48) |
hsl(72,91%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BF5 |
rgb(48,107,245) |
hsl(222,91%,57%) |
#F5BA30 |
rgb(245,186,48) |
hsl(42,91%,57%) |
#30CFF5 |
rgb(48,207,245) |
hsl(192,91%,57%) |
#CDF530 |
rgb(205,245,48) |
hsl(72,91%,57%) |