HEX #306BF4 color — Dodger Blue
The color #306BF4 is a dark shade and moderately saturated.
Palette
306BF4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fe |
rgb(240,245,254) |
hsl(222,90%,97%) |
#d8e3fd |
rgb(216,227,253) |
hsl(222,90%,92%) |
#c0d2fc |
rgb(192,210,252) |
hsl(222,90%,87%) |
#a8c1fa |
rgb(168,193,250) |
hsl(222,90%,82%) |
#90aff9 |
rgb(144,175,249) |
hsl(222,90%,77%) |
#779ef8 |
rgb(119,158,248) |
hsl(222,90%,72%) |
#5f8df7 |
rgb(95,141,247) |
hsl(222,90%,67%) |
#477bf5 |
rgb(71,123,245) |
hsl(222,90%,62%) |
#2f6af4 |
rgb(47,106,244) |
hsl(222,90%,57%) |
#1659f3 |
rgb(22,89,243) |
hsl(222,90%,52%) |
#0c4de4 |
rgb(12,77,228) |
hsl(222,90%,47%) |
#0b45cb |
rgb(11,69,203) |
hsl(222,90%,42%) |
#093cb3 |
rgb(9,60,179) |
hsl(222,90%,37%) |
#08349b |
rgb(8,52,155) |
hsl(222,90%,32%) |
#072c83 |
rgb(7,44,131) |
hsl(222,90%,27%) |
#06246b |
rgb(6,36,107) |
hsl(222,90%,22%) |
#041c52 |
rgb(4,28,82) |
hsl(222,90%,17%) |
#03143a |
rgb(3,20,58) |
hsl(222,90%,12%) |
#020b22 |
rgb(2,11,34) |
hsl(222,90%,7%) |
#01030a |
rgb(1,3,10) |
hsl(222,90%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30EDF4 |
rgb(48,237,244) |
hsl(182,90%,57%) |
#306BF4 |
rgb(48,107,244) |
hsl(222,90%,57%) |
#7730F4 |
rgb(119,48,244) |
hsl(262,90%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88ABF8 |
rgb(136,171,248) |
hsl(221,89%,75%) |
#5C8AF6 |
rgb(92,138,246) |
hsl(222,90%,66%) |
#306BF4 |
rgb(48,107,244) |
hsl(222,90%,57%) |
#0C4FE8 |
rgb(12,79,232) |
hsl(222,90%,48%) |
#0A40BC |
rgb(10,64,188) |
hsl(222,90%,39%) |
#073090 |
rgb(7,48,144) |
hsl(222,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BF4 |
rgb(48,107,244) |
hsl(222,90%,57%) |
#F45730 |
rgb(244,87,48) |
hsl(12,90%,57%) |
#CDF530 |
rgb(205,245,48) |
hsl(72,91%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BF4 |
rgb(48,107,244) |
hsl(222,90%,57%) |
#F4BA30 |
rgb(244,186,48) |
hsl(42,90%,57%) |
#30CCF4 |
rgb(48,204,244) |
hsl(192,90%,57%) |
#CDF530 |
rgb(205,245,48) |
hsl(72,91%,57%) |