HEX #306BF6 color — Dodger Blue
The color #306BF6 is a dark shade and moderately saturated.
Palette
306BF6 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8ff |
rgb(245,248,255) |
hsl(222,92%,98%) |
#dde7fe |
rgb(221,231,254) |
hsl(222,92%,93%) |
#c4d5fd |
rgb(196,213,253) |
hsl(222,92%,88%) |
#acc4fc |
rgb(172,196,252) |
hsl(222,92%,83%) |
#93b2fb |
rgb(147,178,251) |
hsl(222,92%,78%) |
#7ba1f9 |
rgb(123,161,249) |
hsl(222,92%,73%) |
#628ff8 |
rgb(98,143,248) |
hsl(222,92%,68%) |
#4a7ef7 |
rgb(74,126,247) |
hsl(222,92%,63%) |
#316cf6 |
rgb(49,108,246) |
hsl(222,92%,58%) |
#195bf5 |
rgb(25,91,245) |
hsl(222,92%,53%) |
#0a4deb |
rgb(10,77,235) |
hsl(222,92%,48%) |
#0945d3 |
rgb(9,69,211) |
hsl(222,92%,43%) |
#083dba |
rgb(8,61,186) |
hsl(222,92%,38%) |
#0735a2 |
rgb(7,53,162) |
hsl(222,92%,33%) |
#062d89 |
rgb(6,45,137) |
hsl(222,92%,28%) |
#052571 |
rgb(5,37,113) |
hsl(222,92%,23%) |
#041d58 |
rgb(4,29,88) |
hsl(222,92%,18%) |
#031540 |
rgb(3,21,64) |
hsl(222,92%,13%) |
#020d27 |
rgb(2,13,39) |
hsl(222,92%,8%) |
#01050f |
rgb(1,5,15) |
hsl(222,92%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30F0F6 |
rgb(48,240,246) |
hsl(182,92%,58%) |
#306BF6 |
rgb(48,107,246) |
hsl(222,92%,58%) |
#7930F6 |
rgb(121,48,246) |
hsl(262,92%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AABF9 |
rgb(138,171,249) |
hsl(222,90%,76%) |
#5D8CF7 |
rgb(93,140,247) |
hsl(222,91%,67%) |
#306BF6 |
rgb(48,107,246) |
hsl(222,92%,58%) |
#0A4DEC |
rgb(10,77,236) |
hsl(222,92%,48%) |
#0840BF |
rgb(8,64,191) |
hsl(222,92%,39%) |
#063092 |
rgb(6,48,146) |
hsl(222,92%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BF6 |
rgb(48,107,246) |
hsl(222,92%,58%) |
#F65930 |
rgb(246,89,48) |
hsl(12,92%,58%) |
#CEF530 |
rgb(206,245,48) |
hsl(72,91%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BF6 |
rgb(48,107,246) |
hsl(222,92%,58%) |
#F6BA30 |
rgb(246,186,48) |
hsl(42,92%,58%) |
#30CFF6 |
rgb(48,207,246) |
hsl(192,92%,58%) |
#CEF530 |
rgb(206,245,48) |
hsl(72,91%,57%) |