HEX #3C80D4 color — Havelock Blue
The color #3C80D4 is a dark shade and moderately saturated.
Palette
3C80D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,64%,98%) |
#e2ecf9 |
rgb(226,236,249) |
hsl(213,64%,93%) |
#cddef4 |
rgb(205,222,244) |
hsl(213,64%,88%) |
#b8d1ef |
rgb(184,209,239) |
hsl(213,64%,83%) |
#a3c3eb |
rgb(163,195,235) |
hsl(213,64%,78%) |
#8eb6e6 |
rgb(142,182,230) |
hsl(213,64%,73%) |
#79a8e2 |
rgb(121,168,226) |
hsl(213,64%,68%) |
#649bdd |
rgb(100,155,221) |
hsl(213,64%,63%) |
#4f8dd8 |
rgb(79,141,216) |
hsl(213,64%,58%) |
#3a7fd4 |
rgb(58,127,212) |
hsl(213,64%,53%) |
#2c73c9 |
rgb(44,115,201) |
hsl(213,64%,48%) |
#2767b4 |
rgb(39,103,180) |
hsl(213,64%,43%) |
#235b9f |
rgb(35,91,159) |
hsl(213,64%,38%) |
#1e4f8a |
rgb(30,79,138) |
hsl(213,64%,33%) |
#1a4375 |
rgb(26,67,117) |
hsl(213,64%,28%) |
#153760 |
rgb(21,55,96) |
hsl(213,64%,23%) |
#112b4b |
rgb(17,43,75) |
hsl(213,64%,18%) |
#0c1f36 |
rgb(12,31,54) |
hsl(213,64%,13%) |
#071321 |
rgb(7,19,33) |
hsl(213,64%,8%) |
#03070d |
rgb(3,7,13) |
hsl(213,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD4C2 |
rgb(60,212,194) |
hsl(173,64%,53%) |
#3C80D4 |
rgb(60,128,212) |
hsl(213,64%,53%) |
#5D3DD4 |
rgb(93,61,212) |
hsl(253,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83ADE3 |
rgb(131,173,227) |
hsl(214,63%,70%) |
#5F96DB |
rgb(95,150,219) |
hsl(213,63%,62%) |
#3C80D4 |
rgb(60,128,212) |
hsl(213,64%,53%) |
#296BBB |
rgb(41,107,187) |
hsl(213,64%,45%) |
#215797 |
rgb(33,87,151) |
hsl(213,64%,36%) |
#194273 |
rgb(25,66,115) |
hsl(213,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C80D4 |
rgb(60,128,212) |
hsl(213,64%,53%) |
#D4453C |
rgb(212,69,60) |
hsl(4,64%,53%) |
#CCD43C |
rgb(204,212,60) |
hsl(63,64%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C80D4 |
rgb(60,128,212) |
hsl(213,64%,53%) |
#D48F3C |
rgb(212,143,60) |
hsl(33,64%,53%) |
#3CCCD4 |
rgb(60,204,212) |
hsl(183,64%,53%) |
#CCD43C |
rgb(204,212,60) |
hsl(63,64%,53%) |