HEX #5682D3 color — Havelock Blue
The color #5682D3 is a dark shade and moderately saturated.
Palette
5682D3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(219,59%,98%) |
#e3eaf8 |
rgb(227,234,248) |
hsl(219,59%,93%) |
#cedbf2 |
rgb(206,219,242) |
hsl(219,59%,88%) |
#bacced |
rgb(186,204,237) |
hsl(219,59%,83%) |
#a6bde8 |
rgb(166,189,232) |
hsl(219,59%,78%) |
#92aee3 |
rgb(146,174,227) |
hsl(219,59%,73%) |
#7d9fde |
rgb(125,159,222) |
hsl(219,59%,68%) |
#6990d8 |
rgb(105,144,216) |
hsl(219,59%,63%) |
#5581d3 |
rgb(85,129,211) |
hsl(219,59%,58%) |
#4072ce |
rgb(64,114,206) |
hsl(219,59%,53%) |
#3265c3 |
rgb(50,101,195) |
hsl(219,59%,48%) |
#2d5aae |
rgb(45,90,174) |
hsl(219,59%,43%) |
#28509a |
rgb(40,80,154) |
hsl(219,59%,38%) |
#234586 |
rgb(35,69,134) |
hsl(219,59%,33%) |
#1d3b72 |
rgb(29,59,114) |
hsl(219,59%,28%) |
#18305d |
rgb(24,48,93) |
hsl(219,59%,23%) |
#132649 |
rgb(19,38,73) |
hsl(219,59%,18%) |
#0e1b35 |
rgb(14,27,53) |
hsl(219,59%,13%) |
#081120 |
rgb(8,17,32) |
hsl(219,59%,8%) |
#03060c |
rgb(3,6,12) |
hsl(219,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D4D0 |
rgb(86,212,208) |
hsl(178,59%,58%) |
#5682D3 |
rgb(86,130,211) |
hsl(219,59%,58%) |
#7D57D3 |
rgb(125,87,211) |
hsl(258,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1BAE6 |
rgb(161,186,230) |
hsl(218,58%,77%) |
#7B9EDC |
rgb(123,158,220) |
hsl(218,58%,67%) |
#5682D3 |
rgb(86,130,211) |
hsl(219,59%,58%) |
#3366C5 |
rgb(51,102,197) |
hsl(219,59%,49%) |
#2954A0 |
rgb(41,84,160) |
hsl(218,59%,39%) |
#1F407A |
rgb(31,64,122) |
hsl(218,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682D3 |
rgb(86,130,211) |
hsl(219,59%,58%) |
#D36956 |
rgb(211,105,86) |
hsl(9,59%,58%) |
#C0D456 |
rgb(192,212,86) |
hsl(70,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682D3 |
rgb(86,130,211) |
hsl(219,59%,58%) |
#D3A656 |
rgb(211,166,86) |
hsl(38,59%,58%) |
#56BFD3 |
rgb(86,191,211) |
hsl(190,59%,58%) |
#C0D456 |
rgb(192,212,86) |
hsl(70,59%,58%) |