HEX #689EC2 color — Fountain Blue
The color #689EC2 is a light shade and slightly desaturated.
Palette
689EC2 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 |
#68C2AA |
rgb(104,194,170) |
hsl(164,42%,58%) |
#689EC2 |
rgb(104,158,194) |
hsl(204,42%,58%) |
#6E69C2 |
rgb(110,105,194) |
hsl(243,42%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ABC9DD |
rgb(171,201,221) |
hsl(204,42%,77%) |
#89B5CF |
rgb(137,181,207) |
hsl(202,42%,67%) |
#689EC2 |
rgb(104,158,194) |
hsl(204,42%,58%) |
#4887B2 |
rgb(72,135,178) |
hsl(204,42%,49%) |
#3A6E90 |
rgb(58,110,144) |
hsl(204,43%,40%) |
#2C546E |
rgb(44,84,110) |
hsl(204,43%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#689EC2 |
rgb(104,158,194) |
hsl(204,42%,58%) |
#C26971 |
rgb(194,105,113) |
hsl(355,42%,59%) |
#C2BA68 |
rgb(194,186,104) |
hsl(55,42%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#689EC2 |
rgb(104,158,194) |
hsl(204,42%,58%) |
#C28C68 |
rgb(194,140,104) |
hsl(24,42%,58%) |
#68C2B9 |
rgb(104,194,185) |
hsl(174,42%,58%) |
#C2BA68 |
rgb(194,186,104) |
hsl(55,42%,58%) |