HEX #5980D4 color — Havelock Blue
The color #5980D4 is a dark shade and moderately saturated.
Palette
5980D4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,59%,99%) |
#e7ecf9 |
rgb(231,236,249) |
hsl(221,59%,94%) |
#d2ddf3 |
rgb(210,221,243) |
hsl(221,59%,89%) |
#becdee |
rgb(190,205,238) |
hsl(221,59%,84%) |
#aabee9 |
rgb(170,190,233) |
hsl(221,59%,79%) |
#96aee4 |
rgb(150,174,228) |
hsl(221,59%,74%) |
#819fdf |
rgb(129,159,223) |
hsl(221,59%,69%) |
#6d8fd9 |
rgb(109,143,217) |
hsl(221,59%,64%) |
#5980d4 |
rgb(89,128,212) |
hsl(221,59%,59%) |
#4470cf |
rgb(68,112,207) |
hsl(221,59%,54%) |
#3362c7 |
rgb(51,98,199) |
hsl(221,59%,49%) |
#2e58b2 |
rgb(46,88,178) |
hsl(221,59%,44%) |
#294e9e |
rgb(41,78,158) |
hsl(221,59%,39%) |
#24448a |
rgb(36,68,138) |
hsl(221,59%,34%) |
#1e3a76 |
rgb(30,58,118) |
hsl(221,59%,29%) |
#193061 |
rgb(25,48,97) |
hsl(221,59%,24%) |
#14264d |
rgb(20,38,77) |
hsl(221,59%,19%) |
#0f1c39 |
rgb(15,28,57) |
hsl(221,59%,14%) |
#091224 |
rgb(9,18,36) |
hsl(221,59%,9%) |
#040810 |
rgb(4,8,16) |
hsl(221,59%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#59D1D4 |
rgb(89,209,212) |
hsl(181,59%,59%) |
#5980D4 |
rgb(89,128,212) |
hsl(221,59%,59%) |
#8459D4 |
rgb(132,89,212) |
hsl(261,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5BAE7 |
rgb(165,186,231) |
hsl(221,58%,78%) |
#7F9EDD |
rgb(127,158,221) |
hsl(220,58%,68%) |
#5980D4 |
rgb(89,128,212) |
hsl(221,59%,59%) |
#3463C8 |
rgb(52,99,200) |
hsl(221,59%,49%) |
#2A4FA2 |
rgb(42,79,162) |
hsl(222,59%,40%) |
#203D7C |
rgb(32,61,124) |
hsl(221,59%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5980D4 |
rgb(89,128,212) |
hsl(221,59%,59%) |
#D47059 |
rgb(212,112,89) |
hsl(11,59%,59%) |
#BDD459 |
rgb(189,212,89) |
hsl(71,59%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5980D4 |
rgb(89,128,212) |
hsl(221,59%,59%) |
#D4AD59 |
rgb(212,173,89) |
hsl(41,59%,59%) |
#59BDD4 |
rgb(89,189,212) |
hsl(191,59%,59%) |
#BDD459 |
rgb(189,212,89) |
hsl(71,59%,59%) |