Your Debt-to-Income (DTI) ratio is one of the most critical metrics lenders use to assess your financial health. Unlike your credit score, which measures your history of paying bills, your DTI measures your capacity to repay new debt. It is a simple calculation that compares how much you owe every month to how much you earn.
When applying for a mortgage, lenders typically look at two types of DTI ratios:
Front-End Ratio: This only counts your projected housing costs (mortgage principal, interest, taxes, and insurance) against your income. Lenders generally prefer this to be under 28%.
Back-End Ratio: This counts all your monthly debts, including housing, cars, student loans, and credit cards. This is the number calculated by the tool above. Most lenders cap this at 43% for a Qualified Mortgage, though some loan programs (like FHA) may allow up to 50% with compensating factors.
Interpreting Your Score
Once you have used the calculator above, here is how to interpret the results:
35% or less:Excellent. You have a manageable level of debt relative to your income. Lenders view you as a low-risk borrower.
36% to 42%:Average. You likely qualify for most loans, but you may want to pay down some balances before taking on a large mortgage.
43% to 49%:Concerning. You are approaching the upper limit of what lenders allow. You may face higher interest rates or stricter requirements.
50% or higher:High Risk. At this level, you are significantly overleveraged. It will be difficult to qualify for a standard mortgage, and you have little room in your budget for emergencies.
Strategies to Lower Your DTI
If your ratio is higher than desired, you have two primary levers to pull: increase income or decrease debt. The most effective immediate strategy is often the "debt snowball" method—paying off small monthly debts (like credit cards with high minimum payments) completely to remove that monthly obligation from the calculation.
function calculateDTI() {
// 1. Get Input Values
var annualIncome = parseFloat(document.getElementById('grossIncome').value);
var rent = parseFloat(document.getElementById('monthlyRent').value);
var auto = parseFloat(document.getElementById('autoLoans').value);
var student = parseFloat(document.getElementById('studentLoans').value);
var cards = parseFloat(document.getElementById('creditCards').value);
var other = parseFloat(document.getElementById('otherDebt').value);
// 2. Validate Inputs
// Treat NaN as 0 for debts, but check Income specifically
if (isNaN(rent)) rent = 0;
if (isNaN(auto)) auto = 0;
if (isNaN(student)) student = 0;
if (isNaN(cards)) cards = 0;
if (isNaN(other)) other = 0;
if (isNaN(annualIncome) || annualIncome <= 0) {
alert("Please enter a valid Annual Gross Income greater than zero.");
return;
}
// 3. Perform Calculations
var monthlyIncome = annualIncome / 12;
var totalMonthlyDebt = rent + auto + student + cards + other;
var dtiRatio = (totalMonthlyDebt / monthlyIncome) * 100;
// 4. Update UI
var outputElement = document.getElementById('dtiOutput');
var messageElement = document.getElementById('dtiMessage');
var resultBox = document.getElementById('resultContainer');
var debtDisplay = document.getElementById('totalDebtDisplay');
var incomeDisplay = document.getElementById('monthlyIncomeDisplay');
outputElement.innerText = dtiRatio.toFixed(2) + "%";
debtDisplay.innerText = totalMonthlyDebt.toFixed(2);
incomeDisplay.innerText = monthlyIncome.toFixed(2);
// Determine Status Message and Color
messageElement.className = "dti-status"; // Reset class
var messageText = "";
if (dtiRatio <= 35) {
messageText = "Excellent – Low Risk";
messageElement.classList.add("status-good");
} else if (dtiRatio <= 42) {
messageText = "Good – Manageable";
messageElement.classList.add("status-warning");
} else if (dtiRatio <= 49) {
messageText = "Caution – High DTI";
messageElement.classList.add("status-warning");
} else {
messageText = "Critical – Very High Risk";
messageElement.classList.add("status-danger");
}
messageElement.innerText = messageText;
// Show results
resultBox.style.display = "block";
// Scroll to results slightly
resultBox.scrollIntoView({behavior: "smooth", block: "nearest"});
}