HEX #3C80D3 color — Havelock Blue
The color #3C80D3 is a dark shade and moderately saturated.
Palette
3C80D3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,63%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(213,63%,93%) |
#cddef4 |
rgb(205,222,244) |
hsl(213,63%,88%) |
#b8d1ef |
rgb(184,209,239) |
hsl(213,63%,83%) |
#a4c3ea |
rgb(164,195,234) |
hsl(213,63%,78%) |
#8fb6e6 |
rgb(143,182,230) |
hsl(213,63%,73%) |
#7aa8e1 |
rgb(122,168,225) |
hsl(213,63%,68%) |
#659bdc |
rgb(101,155,220) |
hsl(213,63%,63%) |
#508dd7 |
rgb(80,141,215) |
hsl(213,63%,58%) |
#3c80d3 |
rgb(60,128,211) |
hsl(213,63%,53%) |
#2d73c8 |
rgb(45,115,200) |
hsl(213,63%,48%) |
#2967b3 |
rgb(41,103,179) |
hsl(213,63%,43%) |
#245b9e |
rgb(36,91,158) |
hsl(213,63%,38%) |
#1f4f89 |
rgb(31,79,137) |
hsl(213,63%,33%) |
#1a4374 |
rgb(26,67,116) |
hsl(213,63%,28%) |
#163760 |
rgb(22,55,96) |
hsl(213,63%,23%) |
#112b4b |
rgb(17,43,75) |
hsl(213,63%,18%) |
#0c1f36 |
rgb(12,31,54) |
hsl(213,63%,13%) |
#081321 |
rgb(8,19,33) |
hsl(213,63%,8%) |
#03070c |
rgb(3,7,12) |
hsl(213,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD4C1 |
rgb(60,212,193) |
hsl(173,64%,53%) |
#3C80D3 |
rgb(60,128,211) |
hsl(213,63%,53%) |
#5C3DD3 |
rgb(92,61,211) |
hsl(252,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82ADE2 |
rgb(130,173,226) |
hsl(213,62%,70%) |
#5F96DA |
rgb(95,150,218) |
hsl(213,62%,61%) |
#3C80D3 |
rgb(60,128,211) |
hsl(213,63%,53%) |
#296BB9 |
rgb(41,107,185) |
hsl(213,64%,44%) |
#215796 |
rgb(33,87,150) |
hsl(212,64%,36%) |
#194272 |
rgb(25,66,114) |
hsl(212,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C80D3 |
rgb(60,128,211) |
hsl(213,63%,53%) |
#D3423C |
rgb(211,66,60) |
hsl(2,63%,53%) |
#CBD43C |
rgb(203,212,60) |
hsl(64,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C80D3 |
rgb(60,128,211) |
hsl(213,63%,53%) |
#D38F3C |
rgb(211,143,60) |
hsl(33,63%,53%) |
#3CCCD3 |
rgb(60,204,211) |
hsl(183,63%,53%) |
#CBD43C |
rgb(203,212,60) |
hsl(64,64%,53%) |