HEX #689CC2 color — Fountain Blue
The color #689CC2 is a light shade and slightly desaturated.
Palette
689CC2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(205,42%,98%) |
#e6eef5 |
rgb(230,238,245) |
hsl(205,42%,93%) |
#d4e3ed |
rgb(212,227,237) |
hsl(205,42%,88%) |
#c1d7e6 |
rgb(193,215,230) |
hsl(205,42%,83%) |
#afcbde |
rgb(175,203,222) |
hsl(205,42%,78%) |
#9dbfd7 |
rgb(157,191,215) |
hsl(205,42%,73%) |
#8bb3d0 |
rgb(139,179,208) |
hsl(205,42%,68%) |
#79a7c8 |
rgb(121,167,200) |
hsl(205,42%,63%) |
#679bc1 |
rgb(103,155,193) |
hsl(205,42%,58%) |
#5590b9 |
rgb(85,144,185) |
hsl(205,42%,53%) |
#4783ae |
rgb(71,131,174) |
hsl(205,42%,48%) |
#40759c |
rgb(64,117,156) |
hsl(205,42%,43%) |
#38688a |
rgb(56,104,138) |
hsl(205,42%,38%) |
#315a77 |
rgb(49,90,119) |
hsl(205,42%,33%) |
#294c65 |
rgb(41,76,101) |
hsl(205,42%,28%) |
#223f53 |
rgb(34,63,83) |
hsl(205,42%,23%) |
#1b3141 |
rgb(27,49,65) |
hsl(205,42%,18%) |
#13232f |
rgb(19,35,47) |
hsl(205,42%,13%) |
#0c161d |
rgb(12,22,29) |
hsl(205,42%,8%) |
#04080b |
rgb(4,8,11) |
hsl(205,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#68C2AC |
rgb(104,194,172) |
hsl(165,42%,58%) |
#689CC2 |
rgb(104,156,194) |
hsl(205,42%,58%) |
#7069C2 |
rgb(112,105,194) |
hsl(245,42%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ABC9DD |
rgb(171,201,221) |
hsl(204,42%,77%) |
#89B3CF |
rgb(137,179,207) |
hsl(204,42%,67%) |
#689CC2 |
rgb(104,156,194) |
hsl(205,42%,58%) |
#4885B2 |
rgb(72,133,178) |
hsl(205,42%,49%) |
#3A6B90 |
rgb(58,107,144) |
hsl(206,43%,40%) |
#2C526E |
rgb(44,82,110) |
hsl(205,43%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#689CC2 |
rgb(104,156,194) |
hsl(205,42%,58%) |
#C2696F |
rgb(194,105,111) |
hsl(356,42%,59%) |
#C2BA68 |
rgb(194,186,104) |
hsl(55,42%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#689CC2 |
rgb(104,156,194) |
hsl(205,42%,58%) |
#C28F68 |
rgb(194,143,104) |
hsl(26,42%,58%) |
#68C2BB |
rgb(104,194,187) |
hsl(175,42%,58%) |
#C2BA68 |
rgb(194,186,104) |
hsl(55,42%,58%) |