HEX #5980E2 color — Havelock Blue
The color #5980E2 is a dark shade and moderately saturated.
Palette
5980E2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(223,70%,97%) |
#dce4f9 |
rgb(220,228,249) |
hsl(223,70%,92%) |
#c7d4f5 |
rgb(199,212,245) |
hsl(223,70%,87%) |
#b1c3f1 |
rgb(177,195,241) |
hsl(223,70%,82%) |
#9bb3ed |
rgb(155,179,237) |
hsl(223,70%,77%) |
#86a2ea |
rgb(134,162,234) |
hsl(223,70%,72%) |
#7091e6 |
rgb(112,145,230) |
hsl(223,70%,67%) |
#5a81e2 |
rgb(90,129,226) |
hsl(223,70%,62%) |
#4570de |
rgb(69,112,222) |
hsl(223,70%,57%) |
#2f5fda |
rgb(47,95,218) |
hsl(223,70%,52%) |
#2453cc |
rgb(36,83,204) |
hsl(223,70%,47%) |
#204bb6 |
rgb(32,75,182) |
hsl(223,70%,42%) |
#1c42a0 |
rgb(28,66,160) |
hsl(223,70%,37%) |
#18398b |
rgb(24,57,139) |
hsl(223,70%,32%) |
#153075 |
rgb(21,48,117) |
hsl(223,70%,27%) |
#11275f |
rgb(17,39,95) |
hsl(223,70%,22%) |
#0d1e4a |
rgb(13,30,74) |
hsl(223,70%,17%) |
#091534 |
rgb(9,21,52) |
hsl(223,70%,12%) |
#050c1e |
rgb(5,12,30) |
hsl(223,70%,7%) |
#020409 |
rgb(2,4,9) |
hsl(223,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#59DBE2 |
rgb(89,219,226) |
hsl(183,70%,62%) |
#5980E2 |
rgb(89,128,226) |
hsl(223,70%,62%) |
#8D59E2 |
rgb(141,89,226) |
hsl(263,70%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E3F8 |
rgb(217,227,248) |
hsl(221,69%,91%) |
#AEC2F0 |
rgb(174,194,240) |
hsl(222,69%,81%) |
#83A1E9 |
rgb(131,161,233) |
hsl(222,70%,71%) |
#5980E2 |
rgb(89,128,226) |
hsl(223,70%,62%) |
#2E5EDA |
rgb(46,94,218) |
hsl(223,70%,52%) |
#1F4AB6 |
rgb(31,74,182) |
hsl(223,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5980E2 |
rgb(89,128,226) |
hsl(223,70%,62%) |
#E27559 |
rgb(226,117,89) |
hsl(12,70%,62%) |
#C4E359 |
rgb(196,227,89) |
hsl(73,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5980E2 |
rgb(89,128,226) |
hsl(223,70%,62%) |
#E2BA59 |
rgb(226,186,89) |
hsl(42,70%,62%) |
#59C4E2 |
rgb(89,196,226) |
hsl(193,70%,62%) |
#C4E359 |
rgb(196,227,89) |
hsl(73,71%,62%) |