body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.calculator-container {
background-color: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 30px;
margin-bottom: 40px;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.calc-title {
text-align: center;
color: #2c3e50;
margin-bottom: 25px;
font-weight: 700;
}
.calc-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media (max-width: 768px) {
.calc-grid {
grid-template-columns: 1fr;
}
}
.input-group {
margin-bottom: 15px;
}
.input-group label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #495057;
}
.input-group input {
width: 100%;
padding: 10px;
border: 1px solid #ced4da;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
.input-group .currency-input {
position: relative;
}
.input-group .currency-input:before {
content: '£';
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: #6c757d;
}
.input-group .currency-input input {
padding-left: 25px;
}
.calc-btn {
grid-column: 1 / -1;
background-color: #007bff;
color: white;
border: none;
padding: 15px;
font-size: 18px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
width: 100%;
transition: background-color 0.2s;
margin-top: 10px;
}
.calc-btn:hover {
background-color: #0056b3;
}
.results-area {
grid-column: 1 / -1;
background-color: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 20px;
margin-top: 20px;
display: none;
}
.results-area h3 {
margin-top: 0;
color: #2c3e50;
border-bottom: 2px solid #007bff;
padding-bottom: 10px;
}
.result-row {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.result-row:last-child {
border-bottom: none;
}
.result-label {
color: #6c757d;
}
.result-value {
font-weight: bold;
font-size: 1.1em;
color: #212529;
}
.big-result {
font-size: 1.5em;
color: #28a745;
}
.article-content {
background: #fff;
padding: 20px;
border-top: 1px solid #eee;
}
.article-content h2 {
color: #2c3e50;
margin-top: 30px;
}
.article-content h3 {
color: #495057;
margin-top: 20px;
}
.article-content ul {
padding-left: 20px;
}
.article-content li {
margin-bottom: 10px;
}
.info-tooltip {
font-size: 0.85em;
color: #6c757d;
margin-top: 2px;
}
Understanding Your Charge Out Rate in the UK
Whether you run a creative agency, a consultancy firm, or operate as a freelancer in the UK, calculating the correct charge out rate is fundamental to financial stability. A common mistake is basing rates solely on desired salary, ignoring the hidden costs of employment and business overheads.
The Components of a Charge Out Rate
To establish a rate that ensures profitability, you must account for three distinct layers of cost before adding your profit margin:
1. Direct Personnel Costs
This goes beyond just the Gross Salary. In the UK, you must account for employer obligations.
- Employer National Insurance (NI): Currently 13.8% on earnings above the secondary threshold.
- Pension Contributions: Under auto-enrolment, employers typically contribute a minimum of 3% of qualifying earnings.
- Bonuses & Benefits: Private health insurance, gym memberships, or performance bonuses.
2. Overhead Allocation
Every employee or freelancer has associated operational costs that must be covered by billable work. These include office rent, utilities, software subscriptions (e.g., Adobe Creative Cloud, Xero), professional indemnity insurance, and equipment depreciation (laptops, desks).
3. Billable Utilization
You cannot charge for 365 days a year. A realistic calculation involves determining your actual "utilization rate."
Standard UK Calculation:
Total Days: 52 weeks × 5 days = 260 days.
Minus Bank Holidays (approx 8).
Minus Annual Leave (statutory min 20 + 8, often 25+ days).
Minus Sick Leave/Emergency (allow ~5 days).
Minus Non-Billable Time (Admin, Pitching, Training – approx 10-20% of time).
Realistic Billable Days: ~210 to 220 days per year.
How to Calculate the Charge Out Rate
The formula used in our calculator ensures you cover all costs and achieve your target profit margin.
Step 1: Calculate Total Cost of Employment (TCOE)
Salary + (Salary × Employer Cost %) + Overheads
Step 2: Calculate Daily Break-even
TCOE / Billable Days per Year
Step 3: Add Profit Markup
Break-even Rate × (1 + (Markup % / 100))
For example, if an employee costs £50,000 total per year and can bill 200 days, the break-even cost is £250 per day. To achieve a 20% profit margin, you must charge £300 per day (£250 + 20%).
Why is this important?
If you undercharge, you may be busy but failing to cover your overheads or generate capital for growth. If you overcharge without justification, you lose competitiveness. This calculator provides the baseline data needed to negotiate fees with confidence.
function calculateChargeOutRate() {
// 1. Get Input Values
var salary = parseFloat(document.getElementById('annualSalary').value);
var employerCostsPct = parseFloat(document.getElementById('employerCosts').value);
var overheads = parseFloat(document.getElementById('annualOverheads').value);
var billableDays = parseFloat(document.getElementById('billableDays').value);
var billableHours = parseFloat(document.getElementById('billableHours').value);
var profitMarkup = parseFloat(document.getElementById('profitMarkup').value);
// 2. Validate Inputs
if (isNaN(salary) || salary < 0) salary = 0;
if (isNaN(employerCostsPct) || employerCostsPct < 0) employerCostsPct = 0;
if (isNaN(overheads) || overheads < 0) overheads = 0;
if (isNaN(billableDays) || billableDays <= 0) billableDays = 1; // Avoid divide by zero
if (isNaN(billableHours) || billableHours <= 0) billableHours = 1; // Avoid divide by zero
if (isNaN(profitMarkup) || profitMarkup < 0) profitMarkup = 0;
// 3. Perform Calculations
// Calculate raw employment costs (Salary + NI/Pension)
var employerCostAmount = salary * (employerCostsPct / 100);
var totalEmploymentCost = salary + employerCostAmount;
// Add overheads to get Total Cost to Business
var totalBusinessCost = totalEmploymentCost + overheads;
// Calculate Break-even rates (Cost / Time)
var breakEvenDaily = totalBusinessCost / billableDays;
// Apply Profit Markup
// Formula: Cost * (1 + markup/100)
var targetDailyRate = breakEvenDaily * (1 + (profitMarkup / 100));
var targetHourlyRate = targetDailyRate / billableHours;
// Annual Revenue Potential
var annualRevenue = targetDailyRate * billableDays;
// 4. Update UI
// Helper function for currency formatting
var formatter = new Intl.NumberFormat('en-GB', {
style: 'currency',
currency: 'GBP',
minimumFractionDigits: 2,
maximumFractionDigits: 2
});
document.getElementById('resTotalCost').innerText = formatter.format(totalBusinessCost);
document.getElementById('resBreakEvenDaily').innerText = formatter.format(breakEvenDaily);
document.getElementById('resDailyRate').innerText = formatter.format(targetDailyRate);
document.getElementById('resHourlyRate').innerText = formatter.format(targetHourlyRate);
document.getElementById('resAnnualRevenue').innerText = formatter.format(annualRevenue);
// Show results
document.getElementById('results').style.display = 'block';
}