HEX #5696D7 color — Havelock Blue
The color #5696D7 is a light shade and moderately saturated.
Palette
5696D7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,62%,99%) |
#e6f0f9 |
rgb(230,240,249) |
hsl(210,62%,94%) |
#d2e3f4 |
rgb(210,227,244) |
hsl(210,62%,89%) |
#bdd6ef |
rgb(189,214,239) |
hsl(210,62%,84%) |
#a8c9eb |
rgb(168,201,235) |
hsl(210,62%,79%) |
#94bde6 |
rgb(148,189,230) |
hsl(210,62%,74%) |
#7fb0e1 |
rgb(127,176,225) |
hsl(210,62%,69%) |
#6aa3dc |
rgb(106,163,220) |
hsl(210,62%,64%) |
#5696d7 |
rgb(86,150,215) |
hsl(210,62%,59%) |
#418ad2 |
rgb(65,138,210) |
hsl(210,62%,54%) |
#2f7dca |
rgb(47,125,202) |
hsl(210,62%,49%) |
#2b70b6 |
rgb(43,112,182) |
hsl(210,62%,44%) |
#2663a1 |
rgb(38,99,161) |
hsl(210,62%,39%) |
#21578c |
rgb(33,87,140) |
hsl(210,62%,34%) |
#1c4a78 |
rgb(28,74,120) |
hsl(210,62%,29%) |
#173d63 |
rgb(23,61,99) |
hsl(210,62%,24%) |
#12304e |
rgb(18,48,78) |
hsl(210,62%,19%) |
#0e243a |
rgb(14,36,58) |
hsl(210,62%,14%) |
#091725 |
rgb(9,23,37) |
hsl(210,62%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(210,62%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D6C2 |
rgb(86,214,194) |
hsl(171,61%,59%) |
#5696D7 |
rgb(86,150,215) |
hsl(210,62%,59%) |
#6C57D7 |
rgb(108,87,215) |
hsl(250,62%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3C7E9 |
rgb(163,199,233) |
hsl(209,61%,78%) |
#7CADE0 |
rgb(124,173,224) |
hsl(211,62%,68%) |
#5696D7 |
rgb(86,150,215) |
hsl(210,62%,59%) |
#307DCC |
rgb(48,125,204) |
hsl(210,62%,49%) |
#2766A5 |
rgb(39,102,165) |
hsl(210,62%,40%) |
#1D4F7E |
rgb(29,79,126) |
hsl(209,63%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5696D7 |
rgb(86,150,215) |
hsl(210,62%,59%) |
#D75756 |
rgb(215,87,86) |
hsl(0,62%,59%) |
#D6D656 |
rgb(214,214,86) |
hsl(60,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5696D7 |
rgb(86,150,215) |
hsl(210,62%,59%) |
#D79656 |
rgb(215,150,86) |
hsl(30,62%,59%) |
#56D6D7 |
rgb(86,214,215) |
hsl(180,62%,59%) |
#D6D656 |
rgb(214,214,86) |
hsl(60,61%,59%) |