HEX #306AF3 color — Dodger Blue
The color #306af3 is a dark shade and moderately saturated.
Palette
306af3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(222,89%,97%) |
#d8e3fd |
rgb(216,227,253) |
hsl(222,89%,92%) |
#c0d2fb |
rgb(192,210,251) |
hsl(222,89%,87%) |
#a8c1fa |
rgb(168,193,250) |
hsl(222,89%,82%) |
#90aff9 |
rgb(144,175,249) |
hsl(222,89%,77%) |
#789ef7 |
rgb(120,158,247) |
hsl(222,89%,72%) |
#608df6 |
rgb(96,141,246) |
hsl(222,89%,67%) |
#487cf4 |
rgb(72,124,244) |
hsl(222,89%,62%) |
#306af3 |
rgb(48,106,243) |
hsl(222,89%,57%) |
#1859f2 |
rgb(24,89,242) |
hsl(222,89%,52%) |
#0d4de3 |
rgb(13,77,227) |
hsl(222,89%,47%) |
#0c45ca |
rgb(12,69,202) |
hsl(222,89%,42%) |
#0a3db2 |
rgb(10,61,178) |
hsl(222,89%,37%) |
#09359a |
rgb(9,53,154) |
hsl(222,89%,32%) |
#082c82 |
rgb(8,44,130) |
hsl(222,89%,27%) |
#06246a |
rgb(6,36,106) |
hsl(222,89%,22%) |
#051c52 |
rgb(5,28,82) |
hsl(222,89%,17%) |
#03143a |
rgb(3,20,58) |
hsl(222,89%,12%) |
#020b22 |
rgb(2,11,34) |
hsl(222,89%,7%) |
#01030a |
rgb(1,3,10) |
hsl(222,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30EDF3 |
rgb(48,237,243) |
hsl(182,89%,57%) |
#306AF3 |
rgb(48,106,243) |
hsl(222,89%,57%) |
#7830F3 |
rgb(120,48,243) |
hsl(262,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88A8F8 |
rgb(136,168,248) |
hsl(223,89%,75%) |
#5C8AF5 |
rgb(92,138,245) |
hsl(222,88%,66%) |
#306AF3 |
rgb(48,106,243) |
hsl(222,89%,57%) |
#0D4FE7 |
rgb(13,79,231) |
hsl(222,89%,48%) |
#0A40BB |
rgb(10,64,187) |
hsl(222,90%,39%) |
#08308F |
rgb(8,48,143) |
hsl(222,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#306AF3 |
rgb(48,106,243) |
hsl(222,89%,57%) |
#F35730 |
rgb(243,87,48) |
hsl(12,89%,57%) |
#CBF230 |
rgb(203,242,48) |
hsl(72,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306AF3 |
rgb(48,106,243) |
hsl(222,89%,57%) |
#F3BA30 |
rgb(243,186,48) |
hsl(42,89%,57%) |
#30CCF3 |
rgb(48,204,243) |
hsl(192,89%,57%) |
#CBF230 |
rgb(203,242,48) |
hsl(72,88%,57%) |