HEX #569CD4 color — Havelock Blue
The color #569CD4 is a light shade and moderately saturated.
Palette
569CD4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(207,59%,98%) |
#e3eef8 |
rgb(227,238,248) |
hsl(207,59%,93%) |
#cee2f2 |
rgb(206,226,242) |
hsl(207,59%,88%) |
#bad6ed |
rgb(186,214,237) |
hsl(207,59%,83%) |
#a6cae8 |
rgb(166,202,232) |
hsl(207,59%,78%) |
#92bee3 |
rgb(146,190,227) |
hsl(207,59%,73%) |
#7db2de |
rgb(125,178,222) |
hsl(207,59%,68%) |
#69a6d8 |
rgb(105,166,216) |
hsl(207,59%,63%) |
#559ad3 |
rgb(85,154,211) |
hsl(207,59%,58%) |
#408ece |
rgb(64,142,206) |
hsl(207,59%,53%) |
#3282c3 |
rgb(50,130,195) |
hsl(207,59%,48%) |
#2d74ae |
rgb(45,116,174) |
hsl(207,59%,43%) |
#28679a |
rgb(40,103,154) |
hsl(207,59%,38%) |
#235986 |
rgb(35,89,134) |
hsl(207,59%,33%) |
#1d4c72 |
rgb(29,76,114) |
hsl(207,59%,28%) |
#183e5d |
rgb(24,62,93) |
hsl(207,59%,23%) |
#133149 |
rgb(19,49,73) |
hsl(207,59%,18%) |
#0e2335 |
rgb(14,35,53) |
hsl(207,59%,13%) |
#081620 |
rgb(8,22,32) |
hsl(207,59%,8%) |
#03080c |
rgb(3,8,12) |
hsl(207,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D4B8 |
rgb(86,212,184) |
hsl(167,59%,58%) |
#569CD4 |
rgb(86,156,212) |
hsl(207,59%,58%) |
#6457D4 |
rgb(100,87,212) |
hsl(246,59%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2C9E7 |
rgb(162,201,231) |
hsl(206,59%,77%) |
#7CB3DD |
rgb(124,179,221) |
hsl(206,59%,68%) |
#569CD4 |
rgb(86,156,212) |
hsl(207,59%,58%) |
#3285C7 |
rgb(50,133,199) |
hsl(207,60%,49%) |
#296BA1 |
rgb(41,107,161) |
hsl(207,59%,40%) |
#1F527B |
rgb(31,82,123) |
hsl(207,60%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#569CD4 |
rgb(86,156,212) |
hsl(207,59%,58%) |
#D4575D |
rgb(212,87,93) |
hsl(357,59%,59%) |
#D4CC56 |
rgb(212,204,86) |
hsl(56,59%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#569CD4 |
rgb(86,156,212) |
hsl(207,59%,58%) |
#D48F56 |
rgb(212,143,86) |
hsl(27,59%,58%) |
#56D4CD |
rgb(86,212,205) |
hsl(177,59%,58%) |
#D4CC56 |
rgb(212,204,86) |
hsl(56,59%,58%) |