HEX #3B82D2 color — Havelock Blue
The color #3B82D2 is a dark shade and moderately saturated.
Palette
3B82D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(212,63%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(212,63%,93%) |
#cddff4 |
rgb(205,223,244) |
hsl(212,63%,88%) |
#b8d2ef |
rgb(184,210,239) |
hsl(212,63%,83%) |
#a4c5ea |
rgb(164,197,234) |
hsl(212,63%,78%) |
#8fb7e6 |
rgb(143,183,230) |
hsl(212,63%,73%) |
#7aaae1 |
rgb(122,170,225) |
hsl(212,63%,68%) |
#659ddc |
rgb(101,157,220) |
hsl(212,63%,63%) |
#508fd7 |
rgb(80,143,215) |
hsl(212,63%,58%) |
#3c82d3 |
rgb(60,130,211) |
hsl(212,63%,53%) |
#2d75c8 |
rgb(45,117,200) |
hsl(212,63%,48%) |
#2969b3 |
rgb(41,105,179) |
hsl(212,63%,43%) |
#245d9e |
rgb(36,93,158) |
hsl(212,63%,38%) |
#1f5189 |
rgb(31,81,137) |
hsl(212,63%,33%) |
#1a4474 |
rgb(26,68,116) |
hsl(212,63%,28%) |
#163860 |
rgb(22,56,96) |
hsl(212,63%,23%) |
#112c4b |
rgb(17,44,75) |
hsl(212,63%,18%) |
#0c2036 |
rgb(12,32,54) |
hsl(212,63%,13%) |
#081421 |
rgb(8,20,33) |
hsl(212,63%,8%) |
#03070c |
rgb(3,7,12) |
hsl(212,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BD1BD |
rgb(59,209,189) |
hsl(172,62%,53%) |
#3B82D2 |
rgb(59,130,210) |
hsl(212,63%,53%) |
#583BD2 |
rgb(88,59,210) |
hsl(252,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81ADE2 |
rgb(129,173,226) |
hsl(213,63%,70%) |
#5E99DA |
rgb(94,153,218) |
hsl(211,63%,61%) |
#3B82D2 |
rgb(59,130,210) |
hsl(212,63%,53%) |
#2A6EB7 |
rgb(42,110,183) |
hsl(211,63%,44%) |
#225994 |
rgb(34,89,148) |
hsl(211,63%,36%) |
#1A4271 |
rgb(26,66,113) |
hsl(212,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82D2 |
rgb(59,130,210) |
hsl(212,63%,53%) |
#D2403B |
rgb(210,64,59) |
hsl(2,63%,53%) |
#CDD13B |
rgb(205,209,59) |
hsl(62,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82D2 |
rgb(59,130,210) |
hsl(212,63%,53%) |
#D28C3B |
rgb(210,140,59) |
hsl(32,63%,53%) |
#3BCFD2 |
rgb(59,207,210) |
hsl(181,63%,53%) |
#CDD13B |
rgb(205,209,59) |
hsl(62,62%,53%) |