HEX #3696F5 color — Dodger Blue
The color #3696F5 is a light shade and moderately saturated.
Palette
3696F5 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(210,91%,99%) |
#e2f0fe |
rgb(226,240,254) |
hsl(210,91%,94%) |
#c9e3fc |
rgb(201,227,252) |
hsl(210,91%,89%) |
#b1d6fb |
rgb(177,214,251) |
hsl(210,91%,84%) |
#99c9fa |
rgb(153,201,250) |
hsl(210,91%,79%) |
#80bdf9 |
rgb(128,189,249) |
hsl(210,91%,74%) |
#68b0f8 |
rgb(104,176,248) |
hsl(210,91%,69%) |
#50a3f7 |
rgb(80,163,247) |
hsl(210,91%,64%) |
#3796f6 |
rgb(55,150,246) |
hsl(210,91%,59%) |
#1f8af4 |
rgb(31,138,244) |
hsl(210,91%,54%) |
#0b7def |
rgb(11,125,239) |
hsl(210,91%,49%) |
#0a70d6 |
rgb(10,112,214) |
hsl(210,91%,44%) |
#0963be |
rgb(9,99,190) |
hsl(210,91%,39%) |
#0857a6 |
rgb(8,87,166) |
hsl(210,91%,34%) |
#074a8d |
rgb(7,74,141) |
hsl(210,91%,29%) |
#063d75 |
rgb(6,61,117) |
hsl(210,91%,24%) |
#04305d |
rgb(4,48,93) |
hsl(210,91%,19%) |
#032444 |
rgb(3,36,68) |
hsl(210,91%,14%) |
#02172c |
rgb(2,23,44) |
hsl(210,91%,9%) |
#010a13 |
rgb(1,10,19) |
hsl(210,91%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36F5D4 |
rgb(54,245,212) |
hsl(170,91%,59%) |
#3696F5 |
rgb(54,150,245) |
hsl(210,91%,59%) |
#5536F5 |
rgb(85,54,245) |
hsl(250,91%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91C4F9 |
rgb(145,196,249) |
hsl(211,90%,77%) |
#63ADF7 |
rgb(99,173,247) |
hsl(210,90%,68%) |
#3696F5 |
rgb(54,150,245) |
hsl(210,91%,59%) |
#0B7DEF |
rgb(11,125,239) |
hsl(210,91%,49%) |
#0966C1 |
rgb(9,102,193) |
hsl(210,91%,40%) |
#074F94 |
rgb(7,79,148) |
hsl(209,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3696F5 |
rgb(54,150,245) |
hsl(210,91%,59%) |
#F53636 |
rgb(245,54,54) |
hsl(360,91%,59%) |
#F5F536 |
rgb(245,245,54) |
hsl(60,91%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3696F5 |
rgb(54,150,245) |
hsl(210,91%,59%) |
#F59436 |
rgb(245,148,54) |
hsl(30,91%,59%) |
#36F5F4 |
rgb(54,245,244) |
hsl(180,91%,59%) |
#F5F536 |
rgb(245,245,54) |
hsl(60,91%,59%) |