herokuでlaravelのwebアプリをデプロイしてmysqlのDBに繋ぎたい

ご覧いただきありがとうございます。
現在、laravel8.83.7で作成したwebアプリをherokuにデプロイしています。
デプロイは成功し、ログイン画面が表示されるところまでは確認済みです。

DBはclearDBMysqlを利用し、
ローカル環境で開発していたときのDBをPHPMyAdminでエクスポートして
MysqlWorkbench上でデータを投入しました。
データ投入が成功していることはMysqlWorkbench上で
データを確認済みです。

herokuのログイン画面からユーザ名とパスワードを入力し
ログインしようとしましたが

2022-05-08T14:19:36.034322+00:00 app[web.1]: [previous exception] [object] (PDOException(code: 7): SQLSTATE[08006] [7] connection to server at \"ホスト名\" (IPアドレス), port 5432 failed: timeout expired

というエラーがログに出力されていました。
5432はポスグレのデフォルトのポート番号なので
herokuの管理画面のSettings>Config Varから
DB_PORT:3306を設定しました。

再びログインしたところ

[previous exception] [object] (PDOException(code: 7): SQLSTATE[08006] [7] connection to server at \"ホスト名\" (IPアドレス), port 3306 failed: expected authentication request from server, but received  at /app/vendor/laravel/framework/src/Illuminate/Database/Connectors/Connector.php:70)

というエラーが出力されました。
設定が足りないと考えられる部分はどこでしょうか？