HEX #4180D2 color — Havelock Blue
The color #4180D2 is a dark shade and moderately saturated.
Palette
4180D2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(214,62%,99%) |
#e6eef9 |
rgb(230,238,249) |
hsl(214,62%,94%) |
#d2e1f4 |
rgb(210,225,244) |
hsl(214,62%,89%) |
#bdd3ef |
rgb(189,211,239) |
hsl(214,62%,84%) |
#a8c5eb |
rgb(168,197,235) |
hsl(214,62%,79%) |
#94b7e6 |
rgb(148,183,230) |
hsl(214,62%,74%) |
#7fa9e1 |
rgb(127,169,225) |
hsl(214,62%,69%) |
#6a9cdc |
rgb(106,156,220) |
hsl(214,62%,64%) |
#568ed7 |
rgb(86,142,215) |
hsl(214,62%,59%) |
#4180d2 |
rgb(65,128,210) |
hsl(214,62%,54%) |
#2f73ca |
rgb(47,115,202) |
hsl(214,62%,49%) |
#2b67b6 |
rgb(43,103,182) |
hsl(214,62%,44%) |
#265ba1 |
rgb(38,91,161) |
hsl(214,62%,39%) |
#21508c |
rgb(33,80,140) |
hsl(214,62%,34%) |
#1c4478 |
rgb(28,68,120) |
hsl(214,62%,29%) |
#173863 |
rgb(23,56,99) |
hsl(214,62%,24%) |
#122c4e |
rgb(18,44,78) |
hsl(214,62%,19%) |
#0e213a |
rgb(14,33,58) |
hsl(214,62%,14%) |
#091525 |
rgb(9,21,37) |
hsl(214,62%,9%) |
#040911 |
rgb(4,9,17) |
hsl(214,62%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#41D1C3 |
rgb(65,209,195) |
hsl(174,61%,54%) |
#4180D2 |
rgb(65,128,210) |
hsl(214,62%,54%) |
#6240D2 |
rgb(98,64,210) |
hsl(254,62%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88B0E2 |
rgb(136,176,226) |
hsl(213,61%,71%) |
#6499DA |
rgb(100,153,218) |
hsl(213,61%,62%) |
#4180D2 |
rgb(65,128,210) |
hsl(214,62%,54%) |
#2C6BBA |
rgb(44,107,186) |
hsl(213,62%,45%) |
#235797 |
rgb(35,87,151) |
hsl(213,62%,36%) |
#1B4273 |
rgb(27,66,115) |
hsl(213,62%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4180D2 |
rgb(65,128,210) |
hsl(214,62%,54%) |
#D24A41 |
rgb(210,74,65) |
hsl(4,62%,54%) |
#C8D141 |
rgb(200,209,65) |
hsl(64,61%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4180D2 |
rgb(65,128,210) |
hsl(214,62%,54%) |
#D29441 |
rgb(210,148,65) |
hsl(34,62%,54%) |
#41C9D2 |
rgb(65,201,210) |
hsl(184,62%,54%) |
#C8D141 |
rgb(200,209,65) |
hsl(64,61%,54%) |