I'm trying to add HTML code based color to my table, like so:
\usepackage[table]{xcolor}
\begin{tabular}{ |>{\columncolor[HTML]{F2FAF8}}c| p{11cm} |}
\hline
CELL 1 & CELL 2\\ \hline
CELL 1 & CELL 2\\ \hline
CELL 1 & CELL 2\\ \hline
\end{tabular}
however, the cells seem to overflow on top of the \hline, like so:

How do I prevent this from happening?
UPDATE in response to comments:
I tried:
\setlength{\arrayrulewidth}{1pt}
\begin{tabular}{ |>{\columncolor[HTML]{F2FAF8}}c| p{11cm} |}
\hline
CELL 1 & CELL 2\\ \hline
CELL 1 & CELL 2\\ \hline
CELL 1 & CELL 2\\ \hline
\end{tabular}
no go:



