How to Calculate Hourly Rate with Overtime

Hourly Rate with Overtime Calculator body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; } .calculator-container { background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; padding: 30px; margin-bottom: 40px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); } .calc-header { text-align: center; margin-bottom: 25px; } .calc-header h2 { margin: 0; color: #2c3e50; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #555; } .input-wrapper { position: relative; } .input-wrapper input, .input-wrapper select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; box-sizing: border-box; } .input-wrapper input:focus, .input-wrapper select:focus { border-color: #3498db; outline: none; box-shadow: 0 0 0 2px rgba(52,152,219,0.2); } .symbol-prefix { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #777; } .input-indent { padding-left: 25px !important; } .btn-calculate { display: block; width: 100%; padding: 14px; background: #27ae60; color: white; border: none; border-radius: 4px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background 0.3s; } .btn-calculate:hover { background: #219150; } .results-area { margin-top: 30px; padding: 20px; background: #fff; border: 1px solid #ddd; border-radius: 4px; display: none; } .results-area.visible { display: block; } .result-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #eee; } .result-row:last-child { border-bottom: none; font-weight: bold; color: #2c3e50; font-size: 1.1em; } .result-label { color: #666; } .result-value { font-weight: 600; color: #333; } .highlight-value { color: #27ae60; } .article-content h2 { color: #2c3e50; margin-top: 40px; border-bottom: 2px solid #eee; padding-bottom: 10px; } .article-content h3 { color: #34495e; margin-top: 25px; } .article-content ul { padding-left: 20px; } .article-content li { margin-bottom: 10px; } .info-box { background-color: #e8f4f8; border-left: 4px solid #3498db; padding: 15px; margin: 20px 0; } @media (max-width: 600px) { .calculator-container { padding: 20px; } }

Overtime & Gross Pay Calculator

Calculate total earnings and effective hourly rates including overtime.

$
1.5x (Time and a Half) 2.0x (Double Time) 1.0x (Straight Time) 2.5x (Double Time and a Half)
Regular Pay: $0.00
Overtime Rate: $0.00 /hr
Overtime Pay: $0.00
Total Hours: 0.0
Blended (Effective) Hourly Rate: $0.00 /hr
Total Gross Pay: $0.00

How to Calculate Hourly Rate with Overtime

Calculating your paycheck accurately requires understanding how overtime rules affect your base hourly rate. For most employees in the United States, the Fair Labor Standards Act (FLSA) dictates that any hours worked over 40 in a standard workweek must be paid at a rate of at least one and one-half times the regular rate of pay.

The Golden Rule: Standard Overtime = Regular Rate × 1.5 × Overtime Hours.

The Step-by-Step Formula

To calculate your gross pay when overtime is involved, follow this logic:

  1. Determine Regular Earnings: Multiply your base hourly rate by the number of regular hours worked (usually capped at 40).
  2. Calculate Overtime Rate: Multiply your base rate by the overtime multiplier.
    • Time and a half: Base Rate × 1.5
    • Double time: Base Rate × 2.0
  3. Determine Overtime Earnings: Multiply your new Overtime Rate by the number of extra hours worked.
  4. Sum It Up: Add Regular Earnings + Overtime Earnings to get Total Gross Pay.

Example Calculation

Let's say you earn $20.00 per hour. Last week, you worked 45 hours.

  • Regular Hours: 40 hours
  • Overtime Hours: 5 hours (45 – 40)
  • Regular Pay: 40 × $20.00 = $800.00
  • Overtime Rate: $20.00 × 1.5 = $30.00 per hour
  • Overtime Pay: 5 × $30.00 = $150.00
  • Total Pay: $800.00 + $150.00 = $950.00

What is the "Blended" or "Effective" Hourly Rate?

Sometimes it is useful to know what you effectively earned per hour when you combine your regular and overtime pay. This is called the blended rate.

Formula: Total Gross Pay ÷ Total Hours Worked

Using the example above: $950.00 ÷ 45 hours = $21.11 per hour. Even though your base rate is $20, the overtime hours boosted your average earnings for that week.

Common Overtime Multipliers

  • 1.5x (Time and a Half): The standard legal requirement for hours over 40 in a week.
  • 2.0x (Double Time): Often offered by employers for working holidays or excessive consecutive hours.
  • 2.5x (Double Time and a Half): Rare, but sometimes applicable for working overtime on major holidays.
function calculateOvertime() { // 1. Get input values var baseRateStr = document.getElementById("baseRate").value; var regHoursStr = document.getElementById("regularHours").value; var otHoursStr = document.getElementById("otHours").value; var multiplierStr = document.getElementById("multiplier").value; // 2. Validate and Parse Inputs var baseRate = parseFloat(baseRateStr); var regHours = parseFloat(regHoursStr); var otHours = parseFloat(otHoursStr); var multiplier = parseFloat(multiplierStr); // Default to 0 if empty or NaN if (isNaN(baseRate)) baseRate = 0; if (isNaN(regHours)) regHours = 0; if (isNaN(otHours)) otHours = 0; // Multiplier shouldn't be NaN because it's a select, but safe to check if (isNaN(multiplier)) multiplier = 1.5; // 3. Perform Calculations var regularPay = baseRate * regHours; var otRate = baseRate * multiplier; var otPay = otRate * otHours; var totalPay = regularPay + otPay; var totalHours = regHours + otHours; var effectiveRate = 0; if (totalHours > 0) { effectiveRate = totalPay / totalHours; } // 4. Update the DOM with Results document.getElementById("displayRegularPay").innerHTML = "$" + formatMoney(regularPay); document.getElementById("displayOtRate").innerHTML = "$" + formatMoney(otRate) + " /hr"; document.getElementById("displayOtPay").innerHTML = "$" + formatMoney(otPay); document.getElementById("displayTotalHours").innerHTML = totalHours.toFixed(2); document.getElementById("displayEffectiveRate").innerHTML = "$" + formatMoney(effectiveRate) + " /hr"; document.getElementById("displayTotalPay").innerHTML = "$" + formatMoney(totalPay); // 5. Show Results Area var resultArea = document.getElementById("resultArea"); resultArea.className = "results-area visible"; } function formatMoney(num) { return num.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,'); }

Leave a Comment