HEX #3B82F3 color — Dodger Blue
The color #3B82F3 is a dark shade and moderately saturated.
Palette
3B82F3 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(217,88%,99%) |
#e2edfd |
rgb(226,237,253) |
hsl(217,88%,94%) |
#caddfc |
rgb(202,221,252) |
hsl(217,88%,89%) |
#b2cefa |
rgb(178,206,250) |
hsl(217,88%,84%) |
#9abef9 |
rgb(154,190,249) |
hsl(217,88%,79%) |
#82aff7 |
rgb(130,175,247) |
hsl(217,88%,74%) |
#6aa0f6 |
rgb(106,160,246) |
hsl(217,88%,69%) |
#5290f4 |
rgb(82,144,244) |
hsl(217,88%,64%) |
#3a81f2 |
rgb(58,129,242) |
hsl(217,88%,59%) |
#2272f1 |
rgb(34,114,241) |
hsl(217,88%,54%) |
#0f63eb |
rgb(15,99,235) |
hsl(217,88%,49%) |
#0d59d3 |
rgb(13,89,211) |
hsl(217,88%,44%) |
#0c4fbb |
rgb(12,79,187) |
hsl(217,88%,39%) |
#0a45a3 |
rgb(10,69,163) |
hsl(217,88%,34%) |
#093b8b |
rgb(9,59,139) |
hsl(217,88%,29%) |
#073173 |
rgb(7,49,115) |
hsl(217,88%,24%) |
#06275b |
rgb(6,39,91) |
hsl(217,88%,19%) |
#041c43 |
rgb(4,28,67) |
hsl(217,88%,14%) |
#03122b |
rgb(3,18,43) |
hsl(217,88%,9%) |
#010813 |
rgb(1,8,19) |
hsl(217,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BF2E9 |
rgb(59,242,233) |
hsl(177,88%,59%) |
#3B82F3 |
rgb(59,130,243) |
hsl(217,88%,59%) |
#6E3BF3 |
rgb(110,59,243) |
hsl(257,88%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96BDF8 |
rgb(150,189,248) |
hsl(216,88%,78%) |
#689EF5 |
rgb(104,158,245) |
hsl(217,88%,68%) |
#3B82F3 |
rgb(59,130,243) |
hsl(217,88%,59%) |
#0E66EF |
rgb(14,102,239) |
hsl(217,89%,50%) |
#0B52C1 |
rgb(11,82,193) |
hsl(217,89%,40%) |
#094093 |
rgb(9,64,147) |
hsl(216,88%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82F3 |
rgb(59,130,243) |
hsl(217,88%,59%) |
#F34F3B |
rgb(243,79,59) |
hsl(7,88%,59%) |
#DEF23B |
rgb(222,242,59) |
hsl(67,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82F3 |
rgb(59,130,243) |
hsl(217,88%,59%) |
#F3AB3B |
rgb(243,171,59) |
hsl(37,88%,59%) |
#3BDEF3 |
rgb(59,222,243) |
hsl(187,88%,59%) |
#DEF23B |
rgb(222,242,59) |
hsl(67,88%,59%) |