Concrete Mix Ratio Calculator

ANALife Services AuthorityNational Calculator Authority›Concrete Mix Ratio Calculator

.calc-container { max-width: 640px; margin: 2rem 0; padding: 1.5rem; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); font-family: system-ui, -apple-system, sans-serif; } .calc-container h3 { font-family: Georgia, serif; font-size: 1.15rem; color: #1a1a1a; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-row { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap; } .calc-row label { min-width: 160px; font-size: 0.9rem; color: #333; font-weight: 500; } .calc-row input[type="number"], .calc-row select { flex: 1; min-width: 120px; max-width: 200px; padding: 0.5rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.9rem; font-family: system-ui, sans-serif; color: #1a1a1a; background: #fafaf8; } .calc-row input:focus, .calc-row select:focus { outline: none; border-color: var(--ac, #3d5a80); box-shadow: 0 0 0 2px rgba(26,74,138,0.12); } .calc-row .unit { font-size: 0.82rem; color: #888; min-width: 30px; } .calc-btn { display: inline-block; margin-top: 0.5rem; padding: 0.55rem 1.5rem; background: var(--ac, #3d5a80); color: #fff; border: none; border-radius: 4px; font-size: 0.9rem; font-weight: 600; cursor: pointer; font-family: system-ui, sans-serif; } .calc-btn:hover { opacity: 0.9; } .calc-result { margin-top: 1.25rem; padding: 1rem 1.25rem; background: #f0f6fc; border-left: 3px solid var(--ac, #3d5a80); border-radius: 0 6px 6px 0; display: none; } .calc-result.visible { display: block; } .calc-result-label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: #666; margin-bottom: 0.25rem; } .calc-result-value { font-size: 1.6rem; font-weight: 700; color: var(--ac, #3d5a80); } .calc-result-detail { font-size: 0.85rem; color: #555; margin-top: 0.5rem; line-height: 1.5; } .calc-note { margin-top: 1rem; font-size: 0.8rem; color: #888; font-style: italic; } .calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 0.75rem; } .calc-grid-item { padding: 0.6rem 0.8rem; background: #f8f9fa; border-radius: 4px; border: 1px solid #eee; } .calc-grid-item .label { font-size: 0.75rem; color: #888; text-transform: uppercase; letter-spacing: 0.04em; } .calc-grid-item .value { font-size: 1.1rem; font-weight: 600; color: #1a1a1a; } @media (max-width: 720px) { .calc-row { flex-direction: column; align-items: flex-start; gap: 0.3rem; } .calc-row label { min-width: auto; } .calc-row input[type="number"], .calc-row select { max-width: 100%; width: 100%; } .calc-grid { grid-template-columns: 1fr; } } .calc-chart { margin: 1rem 0; text-align: center; } .calc-chart svg { max-width: 100%; height: auto; } .calc-chart-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem 1.2rem; margin-top: 0.6rem; font-size: 0.8rem; color: #555; } .calc-chart-legend span { display: inline-flex; align-items: center; gap: 0.3rem; } .calc-chart-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; font-style: normal; } .calc-related { max-width: 640px; margin: 2rem 0 1rem; padding: 1.25rem 1.5rem; background: #f8f9fa; border: 1px solid #e8e8e8; border-radius: 8px; } .calc-related h3 { font-family: Georgia, serif; font-size: 1rem; color: #1a1a1a; margin: 0 0 0.75rem; padding-bottom: 0.4rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-related-list { list-style: none; padding: 0; margin: 0 0 0.75rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 1.5rem; } .calc-related-list li a { font-size: 0.88rem; color: var(--ac, #3d5a80); text-decoration: none; } .calc-related-list li a:hover { text-decoration: underline; } .calc-browse-all { margin: 0.5rem 0 0; font-size: 0.9rem; font-weight: 600; } .calc-browse-all a { color: var(--ac, #3d5a80); text-decoration: none; } .calc-browse-all a:hover { text-decoration: underline; } @media (max-width: 720px) { .calc-related-list { grid-template-columns: 1fr; } }

Concrete Mix Ratio Calculator

Calculate the quantities of cement, sand, and coarse aggregate required for a given concrete mix ratio and volume.

Total Concrete Volume (m³)

Mix Ratio Preset

Custom M25 — 1:1:2 M20 — 1:1.5:3 M15 — 1:2:4 M10 — 1:3:6 M7.5 — 1:4:8

Cement Ratio (parts)

Sand Ratio (parts)

Aggregate Ratio (parts)

Wastage Factor (%)

Cement Bulk Density (kg/m³)

Sand Bulk Density (kg/m³)

Aggregate Bulk Density (kg/m³)

Calculate

function conApplyPreset() { const preset = document.getElementById('con-mix-preset').value; if (preset === 'custom') return; const parts = preset.split(':'); document.getElementById('con-cement-ratio').value = parts[0]; document.getElementById('con-sand-ratio').value = parts[1]; document.getElementById('con-agg-ratio').value = parts[2]; }

function conCalc() { const resultDiv = document.getElementById('con-result');

const volume = parseFloat(document.getElementById('con-volume').value); const cRatio = parseFloat(document.getElementById('con-cement-ratio').value); const sRatio = parseFloat(document.getElementById('con-sand-ratio').value); const aRatio = parseFloat(document.getElementById('con-agg-ratio').value); const wastage = parseFloat(document.getElementById('con-wastage').value); const cementDensity = parseFloat(document.getElementById('con-cement-density').value); const sandDensity = parseFloat(document.getElementById('con-sand-density').value); const aggDensity = parseFloat(document.getElementById('con-agg-density').value);

// --- Validation --- if (isNaN(volume) || volume ⚠ Please enter a valid positive concrete volume.'; return; } if (isNaN(cRatio) || cRatio ⚠ All mix ratio parts must be positive numbers.'; return; } if (isNaN(wastage) || wastage 50) { resultDiv.innerHTML = '⚠ Wastage must be between 0% and 50%.'; return; } if (isNaN(cementDensity) || cementDensity ⚠ All bulk densities must be positive values.'; return; }

/ * FORMULA * ------- * Dry volume of concrete ≈ wet volume × 1.54 * (accounts for voids and compaction; standard industry factor) * * Total ratio parts = C + S + A * * Volume of each material (dry) = * (ratio_part / total_parts) × dry_volume × (1 + wastage/100) * * Mass of each material = * volume_of_material × bulk_density * * Cement bags (50 kg each) = cement_mass / 50 /

const DRY_FACTOR = 1.54; const wasteFactor = 1 + wastage / 100; const totalParts = cRatio + sRatio + aRatio; const dryVolume = volume * DRY_FACTOR;

// Volumes (m³) const cVol = (cRatio / totalParts) * dryVolume * wasteFactor; const sVol = (sRatio / totalParts) * dryVolume * wasteFactor; const aVol = (aRatio / totalParts) * dryVolume * wasteFactor;

// Masses (kg) const cMass = cVol * cementDensity; const sMass = sVol * sandDensity; const aMass = aVol * aggDensity;

// Cement bags (50 kg standard) const cBags = cMass / 50;

// Water-cement ratio guidance (typical 0.45–0.55 for M15–M25) const wcRatio = 0.50; const waterLitres = cMass * wcRatio;

resultDiv.innerHTML = ` ### Results

Material Volume (m³) Mass (kg)

🏗 Cement ${cVol.toFixed(4)} ${cMass.toFixed(2)}

🟡 Sand (Fine Aggregate) ${sVol.toFixed(4)} ${sMass.toFixed(2)}

🪨 Coarse Aggregate ${aVol.toFixed(4)} ${aMass.toFixed(2)}

Mix Ratio: ${cRatio} : ${sRatio} : ${aRatio}  |  Wet Volume: ${volume.toFixed(3)} m³  |  Dry Volume: ${dryVolume.toFixed(3)} m³

🛍 Cement Bags Required (50 kg each): ${cBags.toFixed(2)} bags  → round up to ${Math.ceil(cBags)} bags

💧 Estimated Water (w/c = 0.50): ${waterLitres.toFixed(1)} litres (adjust based on aggregate moisture content)

`; }

#### Formula

Dry Volume = Wet Volume × 1.54

The factor 1.54 accounts for the reduction in volume when dry materials are mixed with water (voids fill, particles compact). This is the standard industry multiplier.

Volume of each material = (Ratio Part / Total Parts) × Dry Volume × (1 + Wastage%/100)

Mass of each material = Volume × Bulk Density

Cement Bags = Cement Mass (kg) / 50

Water = Cement Mass × Water-Cement Ratio (default 0.50)

#### Assumptions & References

More Calculators

Read Next

Study Time Planner Authority Network America › Life Services Authority › National Calculator Authority .calc-container { max-width: 640px;...

References