HEX #5682DA color — Havelock Blue
The color #5682DA is a dark shade and moderately saturated.
Palette
5682DA color palette from light to dark
HEX |
RGB |
HSL |
#eaf0fa |
rgb(234,240,250) |
hsl(220,64%,95%) |
#d5e0f6 |
rgb(213,224,246) |
hsl(220,64%,90%) |
#c0d1f1 |
rgb(192,209,241) |
hsl(220,64%,85%) |
#abc1ed |
rgb(171,193,237) |
hsl(220,64%,80%) |
#96b2e8 |
rgb(150,178,232) |
hsl(220,64%,75%) |
#82a2e3 |
rgb(130,162,227) |
hsl(220,64%,70%) |
#6d93df |
rgb(109,147,223) |
hsl(220,64%,65%) |
#5883da |
rgb(88,131,218) |
hsl(220,64%,60%) |
#4374d6 |
rgb(67,116,214) |
hsl(220,64%,55%) |
#2e64d1 |
rgb(46,100,209) |
hsl(220,64%,50%) |
#295abc |
rgb(41,90,188) |
hsl(220,64%,45%) |
#2550a7 |
rgb(37,80,167) |
hsl(220,64%,40%) |
#204692 |
rgb(32,70,146) |
hsl(220,64%,35%) |
#1c3c7d |
rgb(28,60,125) |
hsl(220,64%,30%) |
#173269 |
rgb(23,50,105) |
hsl(220,64%,25%) |
#122854 |
rgb(18,40,84) |
hsl(220,64%,20%) |
#0e1e3f |
rgb(14,30,63) |
hsl(220,64%,15%) |
#09142a |
rgb(9,20,42) |
hsl(220,64%,10%) |
#050a15 |
rgb(5,10,21) |
hsl(220,64%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D9DA |
rgb(86,217,218) |
hsl(180,64%,60%) |
#5682DA |
rgb(86,130,218) |
hsl(220,64%,60%) |
#8257DA |
rgb(130,87,218) |
hsl(260,64%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5BDEB |
rgb(165,189,235) |
hsl(219,64%,78%) |
#7DA1E2 |
rgb(125,161,226) |
hsl(219,64%,69%) |
#5682DA |
rgb(86,130,218) |
hsl(220,64%,60%) |
#2E63D1 |
rgb(46,99,209) |
hsl(220,64%,50%) |
#2552A9 |
rgb(37,82,169) |
hsl(220,64%,40%) |
#1C3D81 |
rgb(28,61,129) |
hsl(220,64%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682DA |
rgb(86,130,218) |
hsl(220,64%,60%) |
#DA6B56 |
rgb(218,107,86) |
hsl(10,64%,60%) |
#C4D956 |
rgb(196,217,86) |
hsl(70,63%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682DA |
rgb(86,130,218) |
hsl(220,64%,60%) |
#DAAD56 |
rgb(218,173,86) |
hsl(40,64%,60%) |
#56C4DA |
rgb(86,196,218) |
hsl(190,64%,60%) |
#C4D956 |
rgb(196,217,86) |
hsl(70,63%,59%) |