HEX #3A85D4 color — Havelock Blue
The color #3A85D4 is a dark shade and moderately saturated.
Palette
3A85D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(211,64%,98%) |
#e2edf9 |
rgb(226,237,249) |
hsl(211,64%,93%) |
#cde0f4 |
rgb(205,224,244) |
hsl(211,64%,88%) |
#b8d3ef |
rgb(184,211,239) |
hsl(211,64%,83%) |
#a3c6eb |
rgb(163,198,235) |
hsl(211,64%,78%) |
#8eb9e6 |
rgb(142,185,230) |
hsl(211,64%,73%) |
#79ace2 |
rgb(121,172,226) |
hsl(211,64%,68%) |
#649fdd |
rgb(100,159,221) |
hsl(211,64%,63%) |
#4f92d8 |
rgb(79,146,216) |
hsl(211,64%,58%) |
#3a85d4 |
rgb(58,133,212) |
hsl(211,64%,53%) |
#2c78c9 |
rgb(44,120,201) |
hsl(211,64%,48%) |
#276bb4 |
rgb(39,107,180) |
hsl(211,64%,43%) |
#235f9f |
rgb(35,95,159) |
hsl(211,64%,38%) |
#1e528a |
rgb(30,82,138) |
hsl(211,64%,33%) |
#1a4675 |
rgb(26,70,117) |
hsl(211,64%,28%) |
#153960 |
rgb(21,57,96) |
hsl(211,64%,23%) |
#112d4b |
rgb(17,45,75) |
hsl(211,64%,18%) |
#0c2036 |
rgb(12,32,54) |
hsl(211,64%,13%) |
#071421 |
rgb(7,20,33) |
hsl(211,64%,8%) |
#03070d |
rgb(3,7,13) |
hsl(211,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD4BC |
rgb(58,212,188) |
hsl(171,64%,53%) |
#3A85D4 |
rgb(58,133,212) |
hsl(211,64%,53%) |
#553BD4 |
rgb(85,59,212) |
hsl(250,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80B0E3 |
rgb(128,176,227) |
hsl(211,64%,70%) |
#5D9CDB |
rgb(93,156,219) |
hsl(210,64%,61%) |
#3A85D4 |
rgb(58,133,212) |
hsl(211,64%,53%) |
#2870BA |
rgb(40,112,186) |
hsl(210,65%,44%) |
#205996 |
rgb(32,89,150) |
hsl(211,65%,36%) |
#194573 |
rgb(25,69,115) |
hsl(211,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A85D4 |
rgb(58,133,212) |
hsl(211,64%,53%) |
#D43D3A |
rgb(212,61,58) |
hsl(1,64%,53%) |
#D2D43A |
rgb(210,212,58) |
hsl(61,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A85D4 |
rgb(58,133,212) |
hsl(211,64%,53%) |
#D48A3A |
rgb(212,138,58) |
hsl(31,64%,53%) |
#3AD1D4 |
rgb(58,209,212) |
hsl(181,64%,53%) |
#D2D43A |
rgb(210,212,58) |
hsl(61,64%,53%) |