HEX #336BF4 color — Dodger Blue
The color #336BF4 is a dark shade and moderately saturated.
Palette
336BF4 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fe |
rgb(245,248,254) |
hsl(223,90%,98%) |
#dde6fd |
rgb(221,230,253) |
hsl(223,90%,93%) |
#c5d4fc |
rgb(197,212,252) |
hsl(223,90%,88%) |
#adc3fb |
rgb(173,195,251) |
hsl(223,90%,83%) |
#94b1f9 |
rgb(148,177,249) |
hsl(223,90%,78%) |
#7c9ff8 |
rgb(124,159,248) |
hsl(223,90%,73%) |
#648ef7 |
rgb(100,142,247) |
hsl(223,90%,68%) |
#4c7cf6 |
rgb(76,124,246) |
hsl(223,90%,63%) |
#346af4 |
rgb(52,106,244) |
hsl(223,90%,58%) |
#1b58f3 |
rgb(27,88,243) |
hsl(223,90%,53%) |
#0c4be9 |
rgb(12,75,233) |
hsl(223,90%,48%) |
#0b43d0 |
rgb(11,67,208) |
hsl(223,90%,43%) |
#0a3bb8 |
rgb(10,59,184) |
hsl(223,90%,38%) |
#0833a0 |
rgb(8,51,160) |
hsl(223,90%,33%) |
#072c88 |
rgb(7,44,136) |
hsl(223,90%,28%) |
#06246f |
rgb(6,36,111) |
hsl(223,90%,23%) |
#051c57 |
rgb(5,28,87) |
hsl(223,90%,18%) |
#03143f |
rgb(3,20,63) |
hsl(223,90%,13%) |
#020c27 |
rgb(2,12,39) |
hsl(223,90%,8%) |
#01050f |
rgb(1,5,15) |
hsl(223,90%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33EBF4 |
rgb(51,235,244) |
hsl(183,90%,58%) |
#336BF4 |
rgb(51,107,244) |
hsl(223,90%,58%) |
#7B33F4 |
rgb(123,51,244) |
hsl(262,90%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CABF8 |
rgb(140,171,248) |
hsl(223,89%,76%) |
#5F8CF6 |
rgb(95,140,246) |
hsl(222,89%,67%) |
#336BF4 |
rgb(51,107,244) |
hsl(223,90%,58%) |
#0C4DEB |
rgb(12,77,235) |
hsl(223,90%,48%) |
#0A40BE |
rgb(10,64,190) |
hsl(222,90%,39%) |
#073091 |
rgb(7,48,145) |
hsl(222,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BF4 |
rgb(51,107,244) |
hsl(223,90%,58%) |
#F45C33 |
rgb(244,92,51) |
hsl(13,90%,58%) |
#CBF533 |
rgb(203,245,51) |
hsl(73,91%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BF4 |
rgb(51,107,244) |
hsl(223,90%,58%) |
#F4BD33 |
rgb(244,189,51) |
hsl(43,90%,58%) |
#33CCF4 |
rgb(51,204,244) |
hsl(192,90%,58%) |
#CBF533 |
rgb(203,245,51) |
hsl(73,91%,58%) |