HEX #568AD4 color — Havelock Blue
The color #568AD4 is a light shade and moderately saturated.
Palette
568AD4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,59%,98%) |
#e3ebf8 |
rgb(227,235,248) |
hsl(215,59%,93%) |
#ceddf2 |
rgb(206,221,242) |
hsl(215,59%,88%) |
#bacfed |
rgb(186,207,237) |
hsl(215,59%,83%) |
#a6c1e8 |
rgb(166,193,232) |
hsl(215,59%,78%) |
#92b3e3 |
rgb(146,179,227) |
hsl(215,59%,73%) |
#7da5de |
rgb(125,165,222) |
hsl(215,59%,68%) |
#6997d8 |
rgb(105,151,216) |
hsl(215,59%,63%) |
#5589d3 |
rgb(85,137,211) |
hsl(215,59%,58%) |
#407bce |
rgb(64,123,206) |
hsl(215,59%,53%) |
#326ec3 |
rgb(50,110,195) |
hsl(215,59%,48%) |
#2d63ae |
rgb(45,99,174) |
hsl(215,59%,43%) |
#28579a |
rgb(40,87,154) |
hsl(215,59%,38%) |
#234c86 |
rgb(35,76,134) |
hsl(215,59%,33%) |
#1d4072 |
rgb(29,64,114) |
hsl(215,59%,28%) |
#18355d |
rgb(24,53,93) |
hsl(215,59%,23%) |
#132949 |
rgb(19,41,73) |
hsl(215,59%,18%) |
#0e1e35 |
rgb(14,30,53) |
hsl(215,59%,13%) |
#081220 |
rgb(8,18,32) |
hsl(215,59%,8%) |
#03070c |
rgb(3,7,12) |
hsl(215,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D4CA |
rgb(86,212,202) |
hsl(175,59%,58%) |
#568AD4 |
rgb(86,138,212) |
hsl(215,59%,58%) |
#7657D4 |
rgb(118,87,212) |
hsl(255,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2BFE7 |
rgb(162,191,231) |
hsl(215,59%,77%) |
#7CA3DD |
rgb(124,163,221) |
hsl(216,59%,68%) |
#568AD4 |
rgb(86,138,212) |
hsl(215,59%,58%) |
#3270C7 |
rgb(50,112,199) |
hsl(215,60%,49%) |
#295CA1 |
rgb(41,92,161) |
hsl(215,59%,40%) |
#1F457B |
rgb(31,69,123) |
hsl(215,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#568AD4 |
rgb(86,138,212) |
hsl(215,59%,58%) |
#D46156 |
rgb(212,97,86) |
hsl(5,59%,58%) |
#C9D456 |
rgb(201,212,86) |
hsl(65,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568AD4 |
rgb(86,138,212) |
hsl(215,59%,58%) |
#D4A156 |
rgb(212,161,86) |
hsl(36,59%,58%) |
#56C9D4 |
rgb(86,201,212) |
hsl(185,59%,58%) |
#C9D456 |
rgb(201,212,86) |
hsl(65,59%,58%) |