HEX #689EE2 color — Havelock Blue
The color #689EE2 is a light shade and moderately saturated.
Palette
689EE2 color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(213,68%,95%) |
#d4e4f7 |
rgb(212,228,247) |
hsl(213,68%,90%) |
#bfd6f3 |
rgb(191,214,243) |
hsl(213,68%,85%) |
#a9c9ef |
rgb(169,201,239) |
hsl(213,68%,80%) |
#94bbeb |
rgb(148,187,235) |
hsl(213,68%,75%) |
#7eade7 |
rgb(126,173,231) |
hsl(213,68%,70%) |
#69a0e2 |
rgb(105,160,226) |
hsl(213,68%,65%) |
#5492de |
rgb(84,146,222) |
hsl(213,68%,60%) |
#3e84da |
rgb(62,132,218) |
hsl(213,68%,55%) |
#2977d6 |
rgb(41,119,214) |
hsl(213,68%,50%) |
#256bc1 |
rgb(37,107,193) |
hsl(213,68%,45%) |
#215fab |
rgb(33,95,171) |
hsl(213,68%,40%) |
#1d5396 |
rgb(29,83,150) |
hsl(213,68%,35%) |
#184781 |
rgb(24,71,129) |
hsl(213,68%,30%) |
#143b6b |
rgb(20,59,107) |
hsl(213,68%,25%) |
#103056 |
rgb(16,48,86) |
hsl(213,68%,20%) |
#0c2440 |
rgb(12,36,64) |
hsl(213,68%,15%) |
#08182b |
rgb(8,24,43) |
hsl(213,68%,10%) |
#040c15 |
rgb(4,12,21) |
hsl(213,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#68E3D4 |
rgb(104,227,212) |
hsl(173,69%,65%) |
#689EE2 |
rgb(104,158,226) |
hsl(213,68%,65%) |
#8369E2 |
rgb(131,105,226) |
hsl(253,68%,65%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ECF2FB |
rgb(236,242,251) |
hsl(216,65%,95%) |
#C0D6F3 |
rgb(192,214,243) |
hsl(214,68%,85%) |
#94BAEA |
rgb(148,186,234) |
hsl(213,67%,75%) |
#689EE2 |
rgb(104,158,226) |
hsl(213,68%,65%) |
#3B82D9 |
rgb(59,130,217) |
hsl(213,68%,54%) |
#2469BC |
rgb(36,105,188) |
hsl(213,68%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#689EE2 |
rgb(104,158,226) |
hsl(213,68%,65%) |
#E27068 |
rgb(226,112,104) |
hsl(4,68%,65%) |
#DBE368 |
rgb(219,227,104) |
hsl(64,69%,65%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#689EE2 |
rgb(104,158,226) |
hsl(213,68%,65%) |
#E2AB68 |
rgb(226,171,104) |
hsl(33,68%,65%) |
#68DBE2 |
rgb(104,219,226) |
hsl(183,68%,65%) |
#DBE368 |
rgb(219,227,104) |
hsl(64,69%,65%) |