HEX #689EC1 color — Fountain Blue
The color #689EC1 is a light shade and slightly desaturated.
Palette
689EC1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(204,42%,98%) |
#e6eff5 |
rgb(230,239,245) |
hsl(204,42%,93%) |
#d4e3ed |
rgb(212,227,237) |
hsl(204,42%,88%) |
#c1d7e6 |
rgb(193,215,230) |
hsl(204,42%,83%) |
#afccde |
rgb(175,204,222) |
hsl(204,42%,78%) |
#9dc0d7 |
rgb(157,192,215) |
hsl(204,42%,73%) |
#8bb4d0 |
rgb(139,180,208) |
hsl(204,42%,68%) |
#79a9c8 |
rgb(121,169,200) |
hsl(204,42%,63%) |
#679dc1 |
rgb(103,157,193) |
hsl(204,42%,58%) |
#5591b9 |
rgb(85,145,185) |
hsl(204,42%,53%) |
#4785ae |
rgb(71,133,174) |
hsl(204,42%,48%) |
#40779c |
rgb(64,119,156) |
hsl(204,42%,43%) |
#38698a |
rgb(56,105,138) |
hsl(204,42%,38%) |
#315b77 |
rgb(49,91,119) |
hsl(204,42%,33%) |
#294d65 |
rgb(41,77,101) |
hsl(204,42%,28%) |
#224053 |
rgb(34,64,83) |
hsl(204,42%,23%) |
#1b3241 |
rgb(27,50,65) |
hsl(204,42%,18%) |
#13242f |
rgb(19,36,47) |
hsl(204,42%,13%) |
#0c161d |
rgb(12,22,29) |
hsl(204,42%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#68C2A8 |
rgb(104,194,168) |
hsl(163,42%,58%) |
#689EC1 |
rgb(104,158,193) |
hsl(204,42%,58%) |
#6D69C1 |
rgb(109,105,193) |
hsl(243,42%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ABC9DC |
rgb(171,201,220) |
hsl(203,41%,77%) |
#89B3CE |
rgb(137,179,206) |
hsl(203,41%,67%) |
#689EC1 |
rgb(104,158,193) |
hsl(204,42%,58%) |
#4887B0 |
rgb(72,135,176) |
hsl(204,42%,49%) |
#3A6E8F |
rgb(58,110,143) |
hsl(203,42%,39%) |
#2C546D |
rgb(44,84,109) |
hsl(203,42%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#689EC1 |
rgb(104,158,193) |
hsl(204,42%,58%) |
#C16971 |
rgb(193,105,113) |
hsl(355,42%,58%) |
#C1B868 |
rgb(193,184,104) |
hsl(54,42%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#689EC1 |
rgb(104,158,193) |
hsl(204,42%,58%) |
#C18C68 |
rgb(193,140,104) |
hsl(24,42%,58%) |
#68C2B7 |
rgb(104,194,183) |
hsl(173,42%,58%) |
#C1B868 |
rgb(193,184,104) |
hsl(54,42%,58%) |