https://urcity.com/tools/Recent content in Free Relocation Tools on URCity — Find Your City. Know the True Cost.Hugoen-ushttps://urcity.com/tools/cost-of-living-calculator/Mon, 01 Jan 0001 00:00:00 +0000https://urcity.com/tools/cost-of-living-calculator/<h2 id="cost-of-living-calculator">Cost of Living Calculator</h2> <p>Compare the cost of living between two cities to see how much you&rsquo;ll save or spend.</p> <div class="calculator-widget" id="col-calc"> <div class="calc-header"> <div class="calc-icon blue"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <line x1="12" y1="1" x2="12" y2="23"/> <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/> </svg> </div> <div class="calc-title-group"> <h3>Cost of Living Comparison</h3> <p class="calc-subtitle">Compare two cities side by side</p> </div> </div> <div class="calc-inputs-row"> <div class="calc-field"> <label for="col-city-a"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> City A </label> <select id="col-city-a"> <option value="akron-oh" data-col="88.5" data-housing="68.5" data-name="Akron">Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-housing="88.2" data-name="Albuquerque">Albuquerque, NM</option> <option value="anaheim-ca" data-col="148.5" data-housing="212.4" data-name="Anaheim">Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-housing="128.4" data-name="Anchorage">Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-housing="118.2" data-name="Ann Arbor">Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-housing="108.5" data-name="Asheville">Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-housing="118.3" data-name="Atlanta">Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-housing="78.5" data-name="Augusta">Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-housing="118.2" data-name="Aurora">Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-housing="159.2" data-name="Austin">Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-housing="98.4" data-name="Bakersfield">Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-housing="112.5" data-name="Baltimore">Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-housing="88.5" data-name="Baton Rouge">Baton Rouge, LA</option> <option value="bend-or" data-col="118.5" data-housing="142.5" data-name="Bend">Bend, OR</option> <option value="billings-mt" data-col="96.5" data-housing="92.5" data-name="Billings">Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-housing="78.5" data-name="Birmingham">Birmingham, AL</option> <option value="boise-id" data-col="102.5" data-housing="112.5" data-name="Boise">Boise, ID</option> <option value="boston-ma" data-col="153.2" data-housing="231.5" data-name="Boston">Boston, MA</option> <option value="boulder-co" data-col="148.5" data-housing="228.4" data-name="Boulder">Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-housing="128.4" data-name="Bridgeport">Bridgeport, CT</option> <option value="buffalo-ny" data-col="92.5" data-housing="72.5" data-name="Buffalo">Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-housing="128.4" data-name="Burlington">Burlington, VT</option> <option value="chandler-az" data-col="108.5" data-housing="118.2" data-name="Chandler">Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-housing="118.2" data-name="Charleston">Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-housing="96.8" data-name="Charlotte">Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-housing="82.5" data-name="Chattanooga">Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-housing="105.2" data-name="Chesapeake">Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-housing="92.5" data-name="Cheyenne">Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-housing="132.5" data-name="Chicago">Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-housing="188.4" data-name="Chula Vista">Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-housing="82.5" data-name="Cincinnati">Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-housing="72.5" data-name="Cleveland">Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-housing="118.5" data-name="Colorado Springs">Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-housing="88.5" data-name="Columbia">Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-housing="84.5" data-name="Columbus">Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-housing="88.4" data-name="Corpus Christi">Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-housing="108.5" data-name="Dallas">Dallas, TX</option> <option value="denver-co" data-col="128.5" data-housing="168.3" data-name="Denver">Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-housing="82.5" data-name="Des Moines">Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-housing="68.4" data-name="Detroit">Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-housing="95.2" data-name="Durham">Durham, NC</option> <option value="el-paso-tx" data-col="88.5" data-housing="76.8" data-name="El Paso">El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-housing="158.4" data-name="Elk Grove">Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-housing="108.5" data-name="Eugene">Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-housing="82.5" data-name="Fargo">Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-housing="78.5" data-name="Fayetteville">Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-housing="72.5" data-name="Fort Wayne">Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-housing="95.2" data-name="Fort Worth">Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-housing="268.4" data-name="Fremont">Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-housing="98.5" data-name="Fresno">Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-housing="92.4" data-name="Garland">Garland, TX</option> <option value="glendale-az" data-col="98.5" data-housing="95.2" data-name="Glendale">Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-housing="88.5" data-name="Grand Rapids">Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-housing="82.5" data-name="Greensboro">Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-housing="92.5" data-name="Greenville">Greenville, SC</option> <option value="henderson-nv" data-col="108.5" data-housing="118.2" data-name="Henderson">Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-housing="112.5" data-name="Hialeah">Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-housing="284.5" data-name="Honolulu">Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-housing="91.2" data-name="Houston">Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-housing="88.5" data-name="Huntsville">Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-housing="82.4" data-name="Indianapolis">Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-housing="228.4" data-name="Irvine">Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-housing="102.4" data-name="Irving">Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-housing="72.5" data-name="Jackson">Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-housing="92.4" data-name="Jacksonville">Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-housing="188.4" data-name="Jersey City">Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-housing="78.5" data-name="Kansas City">Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-housing="85.4" data-name="Kansas City">Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-housing="228.4" data-name="Key West">Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-housing="82.5" data-name="Knoxville">Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-housing="78.4" data-name="Laredo">Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-housing="108.2" data-name="Las Vegas">Las Vegas, NV</option> <option value="lexington-ky" data-col="94.2" data-housing="88.5" data-name="Lexington">Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-housing="85.2" data-name="Lincoln">Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-housing="78.5" data-name="Little Rock">Little Rock, AR</option> <option value="long-beach-ca" data-col="142.5" data-housing="198.5" data-name="Long Beach">Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-housing="261.4" data-name="Los Angeles">Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-housing="82.1" data-name="Louisville">Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-housing="76.8" data-name="Lubbock">Lubbock, TX</option> <option value="madison-wi" data-col="104.2" data-housing="112.5" data-name="Madison">Madison, WI</option> <option value="manchester-nh" data-col="108.5" data-housing="118.2" data-name="Manchester">Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-housing="74.2" data-name="Memphis">Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-housing="108.4" data-name="Mesa">Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-housing="198.3" data-name="Miami">Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-housing="86.4" data-name="Milwaukee">Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-housing="118.2" data-name="Minneapolis">Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-housing="78.5" data-name="Mobile">Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-housing="102.4" data-name="Modesto">Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-housing="78.5" data-name="Montgomery">Montgomery, AL</option> <option value="myrtle-beach-sc" data-col="96.5" data-housing="88.5" data-name="Myrtle Beach">Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-housing="105.2" data-name="Nashville">Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-housing="95.2" data-name="New Orleans">New Orleans, LA</option> <option value="nyc" data-col="187.2" data-housing="294.7" data-name="New York City">New York City, NY</option> <option value="newark-nj" data-col="118.5" data-housing="128.4" data-name="Newark">Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-housing="92.4" data-name="Norfolk">Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-housing="218.5" data-name="Oakland">Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-housing="78.5" data-name="Oklahoma City">Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-housing="82.8" data-name="Omaha">Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-housing="95.2" data-name="Orlando">Orlando, FL</option> <option value="oxnard-ca" data-col="138.5" data-housing="188.4" data-name="Oxnard">Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-housing="118.3" data-name="Philadelphia">Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-housing="124.6" data-name="Phoenix">Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-housing="78.5" data-name="Pittsburgh">Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-housing="118.2" data-name="Plano">Plano, TX</option> <option value="portland-me" data-col="112.5" data-housing="128.4" data-name="Portland">Portland, ME</option> <option value="portland-or" data-col="118.2" data-housing="142.5" data-name="Portland">Portland, OR</option> <option value="providence-ri" data-col="118.5" data-housing="128.4" data-name="Providence">Providence, RI</option> <option value="raleigh-nc" data-col="102.4" data-housing="108.5" data-name="Raleigh">Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-housing="118.2" data-name="Reno">Reno, NV</option> <option value="richmond-va" data-col="98.5" data-housing="92.4" data-name="Richmond">Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-housing="142.5" data-name="Riverside">Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-housing="72.5" data-name="Rochester">Rochester, NY</option> <option value="sacramento-ca" data-col="118.5" data-housing="138.5" data-name="Sacramento">Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-housing="108.5" data-name="Saint Paul">Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-housing="98.5" data-name="Salem">Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-housing="118.2" data-name="Salt Lake City">Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-housing="85.3" data-name="San Antonio">San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-housing="102.4" data-name="San Bernardino">San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-housing="234.5" data-name="San Diego">San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-housing="432.1" data-name="San Francisco">San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-housing="342.1" data-name="San Jose">San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-housing="198.5" data-name="Santa Ana">Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-housing="128.4" data-name="Santa Fe">Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-housing="92.5" data-name="Savannah">Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-housing="142.5" data-name="Scottsdale">Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-housing="245.8" data-name="Seattle">Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-housing="82.5" data-name="Sioux Falls">Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-housing="92.4" data-name="Spokane">Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-housing="108.4" data-name="St. Petersburg">St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-housing="128.4" data-name="Stockton">Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-housing="128.4" data-name="Tacoma">Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-housing="88.5" data-name="Tallahassee">Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-housing="108.5" data-name="Tampa">Tampa, FL</option> <option value="toledo-oh" data-col="88.5" data-housing="68.4" data-name="Toledo">Toledo, OH</option> <option value="tucson-az" data-col="95.8" data-housing="88.5" data-name="Tucson">Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-housing="78.2" data-name="Tulsa">Tulsa, OK</option> <option value="virginia-beach-va" data-col="104.2" data-housing="112.5" data-name="Virginia Beach">Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-housing="228.4" data-name="Washington DC">Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-housing="74.5" data-name="Wichita">Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-housing="95.2" data-name="Wilmington">Wilmington, NC</option> <option value="winston-salem-nc" data-col="92.5" data-housing="82.5" data-name="Winston-Salem">Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-housing="128.4" data-name="Worcester">Worcester, MA</option> </select> </div> <div class="calc-swap-btn" onclick="swapCities()" title="Swap cities"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <polyline points="17 1 21 5 17 9"/> <path d="M3 11V9a4 4 0 0 1 4-4h14"/> <polyline points="7 23 3 19 7 15"/> <path d="M21 13v2a4 4 0 0 1-4 4H3"/> </svg> </div> <div class="calc-field"> <label for="col-city-b"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> City B </label> <select id="col-city-b"> <option value="akron-oh" data-col="88.5" data-housing="68.5" data-name="Akron">Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-housing="88.2" data-name="Albuquerque">Albuquerque, NM</option> <option value="anaheim-ca" data-col="148.5" data-housing="212.4" data-name="Anaheim">Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-housing="128.4" data-name="Anchorage">Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-housing="118.2" data-name="Ann Arbor">Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-housing="108.5" data-name="Asheville">Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-housing="118.3" data-name="Atlanta">Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-housing="78.5" data-name="Augusta">Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-housing="118.2" data-name="Aurora">Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-housing="159.2" data-name="Austin">Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-housing="98.4" data-name="Bakersfield">Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-housing="112.5" data-name="Baltimore">Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-housing="88.5" data-name="Baton Rouge">Baton Rouge, LA</option> <option value="bend-or" data-col="118.5" data-housing="142.5" data-name="Bend">Bend, OR</option> <option value="billings-mt" data-col="96.5" data-housing="92.5" data-name="Billings">Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-housing="78.5" data-name="Birmingham">Birmingham, AL</option> <option value="boise-id" data-col="102.5" data-housing="112.5" data-name="Boise">Boise, ID</option> <option value="boston-ma" data-col="153.2" data-housing="231.5" data-name="Boston">Boston, MA</option> <option value="boulder-co" data-col="148.5" data-housing="228.4" data-name="Boulder">Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-housing="128.4" data-name="Bridgeport">Bridgeport, CT</option> <option value="buffalo-ny" data-col="92.5" data-housing="72.5" data-name="Buffalo">Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-housing="128.4" data-name="Burlington">Burlington, VT</option> <option value="chandler-az" data-col="108.5" data-housing="118.2" data-name="Chandler">Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-housing="118.2" data-name="Charleston">Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-housing="96.8" data-name="Charlotte">Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-housing="82.5" data-name="Chattanooga">Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-housing="105.2" data-name="Chesapeake">Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-housing="92.5" data-name="Cheyenne">Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-housing="132.5" data-name="Chicago">Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-housing="188.4" data-name="Chula Vista">Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-housing="82.5" data-name="Cincinnati">Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-housing="72.5" data-name="Cleveland">Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-housing="118.5" data-name="Colorado Springs">Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-housing="88.5" data-name="Columbia">Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-housing="84.5" data-name="Columbus">Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-housing="88.4" data-name="Corpus Christi">Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-housing="108.5" data-name="Dallas">Dallas, TX</option> <option value="denver-co" data-col="128.5" data-housing="168.3" data-name="Denver">Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-housing="82.5" data-name="Des Moines">Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-housing="68.4" data-name="Detroit">Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-housing="95.2" data-name="Durham">Durham, NC</option> <option value="el-paso-tx" data-col="88.5" data-housing="76.8" data-name="El Paso">El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-housing="158.4" data-name="Elk Grove">Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-housing="108.5" data-name="Eugene">Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-housing="82.5" data-name="Fargo">Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-housing="78.5" data-name="Fayetteville">Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-housing="72.5" data-name="Fort Wayne">Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-housing="95.2" data-name="Fort Worth">Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-housing="268.4" data-name="Fremont">Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-housing="98.5" data-name="Fresno">Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-housing="92.4" data-name="Garland">Garland, TX</option> <option value="glendale-az" data-col="98.5" data-housing="95.2" data-name="Glendale">Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-housing="88.5" data-name="Grand Rapids">Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-housing="82.5" data-name="Greensboro">Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-housing="92.5" data-name="Greenville">Greenville, SC</option> <option value="henderson-nv" data-col="108.5" data-housing="118.2" data-name="Henderson">Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-housing="112.5" data-name="Hialeah">Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-housing="284.5" data-name="Honolulu">Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-housing="91.2" data-name="Houston">Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-housing="88.5" data-name="Huntsville">Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-housing="82.4" data-name="Indianapolis">Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-housing="228.4" data-name="Irvine">Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-housing="102.4" data-name="Irving">Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-housing="72.5" data-name="Jackson">Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-housing="92.4" data-name="Jacksonville">Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-housing="188.4" data-name="Jersey City">Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-housing="78.5" data-name="Kansas City">Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-housing="85.4" data-name="Kansas City">Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-housing="228.4" data-name="Key West">Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-housing="82.5" data-name="Knoxville">Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-housing="78.4" data-name="Laredo">Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-housing="108.2" data-name="Las Vegas">Las Vegas, NV</option> <option value="lexington-ky" data-col="94.2" data-housing="88.5" data-name="Lexington">Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-housing="85.2" data-name="Lincoln">Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-housing="78.5" data-name="Little Rock">Little Rock, AR</option> <option value="long-beach-ca" data-col="142.5" data-housing="198.5" data-name="Long Beach">Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-housing="261.4" data-name="Los Angeles">Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-housing="82.1" data-name="Louisville">Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-housing="76.8" data-name="Lubbock">Lubbock, TX</option> <option value="madison-wi" data-col="104.2" data-housing="112.5" data-name="Madison">Madison, WI</option> <option value="manchester-nh" data-col="108.5" data-housing="118.2" data-name="Manchester">Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-housing="74.2" data-name="Memphis">Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-housing="108.4" data-name="Mesa">Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-housing="198.3" data-name="Miami">Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-housing="86.4" data-name="Milwaukee">Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-housing="118.2" data-name="Minneapolis">Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-housing="78.5" data-name="Mobile">Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-housing="102.4" data-name="Modesto">Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-housing="78.5" data-name="Montgomery">Montgomery, AL</option> <option value="myrtle-beach-sc" data-col="96.5" data-housing="88.5" data-name="Myrtle Beach">Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-housing="105.2" data-name="Nashville">Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-housing="95.2" data-name="New Orleans">New Orleans, LA</option> <option value="nyc" data-col="187.2" data-housing="294.7" data-name="New York City">New York City, NY</option> <option value="newark-nj" data-col="118.5" data-housing="128.4" data-name="Newark">Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-housing="92.4" data-name="Norfolk">Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-housing="218.5" data-name="Oakland">Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-housing="78.5" data-name="Oklahoma City">Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-housing="82.8" data-name="Omaha">Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-housing="95.2" data-name="Orlando">Orlando, FL</option> <option value="oxnard-ca" data-col="138.5" data-housing="188.4" data-name="Oxnard">Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-housing="118.3" data-name="Philadelphia">Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-housing="124.6" data-name="Phoenix">Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-housing="78.5" data-name="Pittsburgh">Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-housing="118.2" data-name="Plano">Plano, TX</option> <option value="portland-me" data-col="112.5" data-housing="128.4" data-name="Portland">Portland, ME</option> <option value="portland-or" data-col="118.2" data-housing="142.5" data-name="Portland">Portland, OR</option> <option value="providence-ri" data-col="118.5" data-housing="128.4" data-name="Providence">Providence, RI</option> <option value="raleigh-nc" data-col="102.4" data-housing="108.5" data-name="Raleigh">Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-housing="118.2" data-name="Reno">Reno, NV</option> <option value="richmond-va" data-col="98.5" data-housing="92.4" data-name="Richmond">Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-housing="142.5" data-name="Riverside">Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-housing="72.5" data-name="Rochester">Rochester, NY</option> <option value="sacramento-ca" data-col="118.5" data-housing="138.5" data-name="Sacramento">Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-housing="108.5" data-name="Saint Paul">Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-housing="98.5" data-name="Salem">Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-housing="118.2" data-name="Salt Lake City">Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-housing="85.3" data-name="San Antonio">San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-housing="102.4" data-name="San Bernardino">San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-housing="234.5" data-name="San Diego">San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-housing="432.1" data-name="San Francisco">San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-housing="342.1" data-name="San Jose">San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-housing="198.5" data-name="Santa Ana">Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-housing="128.4" data-name="Santa Fe">Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-housing="92.5" data-name="Savannah">Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-housing="142.5" data-name="Scottsdale">Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-housing="245.8" data-name="Seattle">Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-housing="82.5" data-name="Sioux Falls">Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-housing="92.4" data-name="Spokane">Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-housing="108.4" data-name="St. Petersburg">St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-housing="128.4" data-name="Stockton">Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-housing="128.4" data-name="Tacoma">Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-housing="88.5" data-name="Tallahassee">Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-housing="108.5" data-name="Tampa">Tampa, FL</option> <option value="toledo-oh" data-col="88.5" data-housing="68.4" data-name="Toledo">Toledo, OH</option> <option value="tucson-az" data-col="95.8" data-housing="88.5" data-name="Tucson">Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-housing="78.2" data-name="Tulsa">Tulsa, OK</option> <option value="virginia-beach-va" data-col="104.2" data-housing="112.5" data-name="Virginia Beach">Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-housing="228.4" data-name="Washington DC">Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-housing="74.5" data-name="Wichita">Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-housing="95.2" data-name="Wilmington">Wilmington, NC</option> <option value="winston-salem-nc" data-col="92.5" data-housing="82.5" data-name="Winston-Salem">Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-housing="128.4" data-name="Worcester">Worcester, MA</option> </select> </div> </div> <button class="btn btn-primary btn-large" onclick="compareCOL()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> Compare Cities </button> <div class="calc-result" id="col-result" style="display:none;"> <div class="result-header"> <h4>Comparison Results</h4> <span class="result-badge" id="col-winner-badge"></span> </div> <div class="city-cards"> <div class="city-card" id="city-card-a"> <div class="city-card-name" id="col-a-name">City A</div> <div class="city-card-col" id="col-a-value">100</div> <div class="city-card-label">Cost of Living Index</div> </div> <div class="city-card-vs">VS</div> <div class="city-card" id="city-card-b"> <div class="city-card-name" id="col-b-name">City B</div> <div class="city-card-col" id="col-b-value">100</div> <div class="city-card-label">Cost of Living Index</div> </div> </div> <div class="comparison-bars"> <div class="comp-bar-row"> <span class="comp-bar-label">Overall COL</span> <div class="comp-bar-track"> <div class="comp-bar-fill bar-a" id="bar-a-col"></div> <div class="comp-bar-fill bar-b" id="bar-b-col"></div> </div> <span class="comp-bar-diff" id="diff-col"></span> </div> <div class="comp-bar-row"> <span class="comp-bar-label">Housing</span> <div class="comp-bar-track"> <div class="comp-bar-fill bar-a" id="bar-a-housing"></div> <div class="comp-bar-fill bar-b" id="bar-b-housing"></div> </div> <span class="comp-bar-diff" id="diff-housing"></span> </div> </div> <div class="result-summary" id="col-summary"></div> </div> </div> <script> function swapCities() { const a = document.getElementById('col-city-a'); const b = document.getElementById('col-city-b'); const temp = a.selectedIndex; a.selectedIndex = b.selectedIndex; b.selectedIndex = temp; } function compareCOL() { const optA = document.getElementById('col-city-a').selectedOptions[0]; const optB = document.getElementById('col-city-b').selectedOptions[0]; const nameA = optA.dataset.name; const nameB = optB.dataset.name; const colA = parseFloat(optA.dataset.col) || 100; const colB = parseFloat(optB.dataset.col) || 100; const housingA = parseFloat(optA.dataset.housing) || 100; const housingB = parseFloat(optB.dataset.housing) || 100; const maxCol = Math.max(colA, colB, 120); const maxHousing = Math.max(housingA, housingB, 120); document.getElementById('col-a-name').textContent = nameA; document.getElementById('col-b-name').textContent = nameB; document.getElementById('col-a-value').textContent = colA; document.getElementById('col-b-value').textContent = colB; document.getElementById('bar-a-col').style.width = (colA / maxCol * 100) + '%'; document.getElementById('bar-b-col').style.width = (colB / maxCol * 100) + '%'; document.getElementById('bar-a-housing').style.width = (housingA / maxHousing * 100) + '%'; document.getElementById('bar-b-housing').style.width = (housingB / maxHousing * 100) + '%'; const colDiff = Math.round(((colB - colA) / colA) * 100); const housingDiff = Math.round(((housingB - housingA) / housingA) * 100); document.getElementById('diff-col').textContent = (colDiff > 0 ? '+' : '') + colDiff + '%'; document.getElementById('diff-housing').textContent = (housingDiff > 0 ? '+' : '') + housingDiff + '%'; const cheaper = colA < colB ? nameA : nameB; const moreExpensive = colA < colB ? nameB : nameA; const savings = Math.abs(colDiff); const badge = document.getElementById('col-winner-badge'); if (savings > 0) { badge.textContent = cheaper + ' is cheaper'; badge.className = 'result-badge badge-success'; } else { badge.textContent = 'Same cost'; badge.className = 'result-badge badge-neutral'; } if (savings > 0) { document.getElementById('col-summary').innerHTML = '<div class="summary-icon">💰</div><p><strong>' + cheaper + '</strong> is <strong>' + savings + '% cheaper</strong> than ' + moreExpensive + '. If you move, your money goes further on housing, groceries, utilities, and everyday expenses.</p>https://urcity.com/tools/home-ownership-calculator/Mon, 01 Jan 0001 00:00:00 +0000https://urcity.com/tools/home-ownership-calculator/<h2 id="home-ownership-calculator">Home Ownership Calculator</h2> <p>Buying a home is more than just a mortgage payment. See the full picture with our True Cost of Home Ownership calculator.</p> <div class="calculator-widget" id="home-calc"> <div class="calc-header"> <div class="calc-icon green"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/> <polyline points="9 22 9 12 15 12 15 22"/> </svg> </div> <div class="calc-title-group"> <h3>True Cost of Home Ownership</h3> <p class="calc-subtitle">See what you'll really pay over 30 years</p> </div> </div> <div class="calc-inputs-row three-col"> <div class="calc-field"> <label for="home-price"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> Home Price </label> <div class="input-prefix"> <span class="prefix">$</span> <input type="number" id="home-price" value="450000" min="0" step="10000"> </div> </div> <div class="calc-field"> <label for="down-payment"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg> Down Payment </label> <div class="input-suffix"> <input type="number" id="down-payment" value="20" min="0" max="100" step="5"> <span class="suffix">%</span> </div> <div class="field-hint" id="down-payment-hint">$90,000 down</div> </div> <div class="calc-field"> <label for="interest-rate"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> Interest Rate </label> <div class="input-suffix"> <input type="number" id="interest-rate" value="6.5" min="0" max="20" step="0.1"> <span class="suffix">%</span> </div> </div> </div> <div class="calc-inputs-row three-col"> <div class="calc-field"> <label for="tax-rate"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> Property Tax Rate </label> <div class="input-suffix"> <input type="number" id="tax-rate" value="1.8" min="0" max="5" step="0.1"> <span class="suffix">%</span> </div> </div> <div class="calc-field"> <label for="hoa"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg> HOA / Month </label> <div class="input-prefix"> <span class="prefix">$</span> <input type="number" id="hoa" value="0" min="0" step="50"> </div> </div> </div> <button class="btn btn-primary btn-large" onclick="calculateHome()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> Calculate Total Cost </button> <div class="calc-result" id="home-result" style="display:none;"> <div class="result-header"> <h4>Cost Breakdown</h4> <span class="result-badge badge-neutral">30-Year Estimate</span> </div> <div class="cost-summary-cards"> <div class="cost-summary-card"> <div class="cost-summary-label">Monthly Payment</div> <div class="cost-summary-amount" id="total-monthly">$0</div> <div class="cost-summary-sub">Principal + interest + taxes + insurance + HOA</div> </div> <div class="cost-summary-card highlight"> <div class="cost-summary-label">Total 30-Year Cost</div> <div class="cost-summary-amount" id="total-cost">$0</div> <div class="cost-summary-sub">Including down payment and all fees</div> </div> </div> <div class="cost-breakdown"> <h5>Where Your Money Goes</h5> <div class="breakdown-row"> <div class="breakdown-label"> <span class="breakdown-dot" style="background:#2563eb"></span> Mortgage (Principal + Interest) </div> <div class="breakdown-bar-track"> <div class="breakdown-bar" id="bar-mortgage" style="background:#2563eb"></div> </div> <div class="breakdown-value" id="val-mortgage">$0</div> </div> <div class="breakdown-row"> <div class="breakdown-label"> <span class="breakdown-dot" style="background:#f59e0b"></span> Property Taxes </div> <div class="breakdown-bar-track"> <div class="breakdown-bar" id="bar-tax" style="background:#f59e0b"></div> </div> <div class="breakdown-value" id="val-tax">$0</div> </div> <div class="breakdown-row"> <div class="breakdown-label"> <span class="breakdown-dot" style="background:#10b981"></span> Home Insurance </div> <div class="breakdown-bar-track"> <div class="breakdown-bar" id="bar-insurance" style="background:#10b981"></div> </div> <div class="breakdown-value" id="val-insurance">$0</div> </div> <div class="breakdown-row"> <div class="breakdown-label"> <span class="breakdown-dot" style="background:#8b5cf6"></span> HOA Fees </div> <div class="breakdown-bar-track"> <div class="breakdown-bar" id="bar-hoa" style="background:#8b5cf6"></div> </div> <div class="breakdown-value" id="val-hoa">$0</div> </div> <div class="breakdown-row"> <div class="breakdown-label"> <span class="breakdown-dot" style="background:#ef4444"></span> Down Payment </div> <div class="breakdown-bar-track"> <div class="breakdown-bar" id="bar-down" style="background:#ef4444"></div> </div> <div class="breakdown-value" id="val-down">$0</div> </div> </div> <div class="result-summary" id="home-insight"></div> </div> </div> <script> const homePriceInput = document.getElementById('home-price'); const downPaymentInput = document.getElementById('down-payment'); function updateDownHint() { const price = parseFloat(homePriceInput.value) || 0; const pct = parseFloat(downPaymentInput.value) || 0; const amount = Math.round(price * (pct / 100)); document.getElementById('down-payment-hint').textContent = '$' + amount.toLocaleString() + ' down'; } homePriceInput.addEventListener('input', updateDownHint); downPaymentInput.addEventListener('input', updateDownHint); function calculateHome() { const price = parseFloat(document.getElementById('home-price').value); const downPercent = parseFloat(document.getElementById('down-payment').value); const rate = parseFloat(document.getElementById('interest-rate').value); const taxRate = parseFloat(document.getElementById('tax-rate').value); const hoa = parseFloat(document.getElementById('hoa').value); const downPayment = price * (downPercent / 100); const loanAmount = price - downPayment; const monthlyRate = rate / 100 / 12; const numPayments = 30 * 12; const mortgage = loanAmount * (monthlyRate * Math.pow(1 + monthlyRate, numPayments)) / (Math.pow(1 + monthlyRate, numPayments) - 1); const tax = (price * (taxRate / 100)) / 12; const insurance = (price * 0.0035) / 12; const totalMonthly = mortgage + tax + insurance + hoa; const totalMortgage = mortgage * numPayments; const totalTax = tax * numPayments; const totalInsurance = insurance * numPayments; const totalHoa = hoa * numPayments; const totalCost = totalMortgage + totalTax + totalInsurance + totalHoa + downPayment; document.getElementById('total-monthly').textContent = '$' + Math.round(totalMonthly).toLocaleString(); document.getElementById('total-cost').textContent = '$' + Math.round(totalCost).toLocaleString(); document.getElementById('val-mortgage').textContent = '$' + Math.round(totalMortgage).toLocaleString(); document.getElementById('val-tax').textContent = '$' + Math.round(totalTax).toLocaleString(); document.getElementById('val-insurance').textContent = '$' + Math.round(totalInsurance).toLocaleString(); document.getElementById('val-hoa').textContent = '$' + Math.round(totalHoa).toLocaleString(); document.getElementById('val-down').textContent = '$' + Math.round(downPayment).toLocaleString(); const maxVal = Math.max(totalMortgage, totalTax, totalInsurance, totalHoa, downPayment); document.getElementById('bar-mortgage').style.width = (totalMortgage / maxVal * 100) + '%'; document.getElementById('bar-tax').style.width = (totalTax / maxVal * 100) + '%'; document.getElementById('bar-insurance').style.width = (totalInsurance / maxVal * 100) + '%'; document.getElementById('bar-hoa').style.width = (totalHoa / maxVal * 100) + '%'; document.getElementById('bar-down').style.width = (downPayment / maxVal * 100) + '%'; const extra = totalCost - price; const extraPct = Math.round((extra / price) * 100); document.getElementById('home-insight').innerHTML = '<div class="summary-icon">🏠</div><p>A <strong>$' + price.toLocaleString() + '</strong> home actually costs <strong>$' + Math.round(totalCost).toLocaleString() + '</strong> over 30 years. That is <strong>' + extraPct + '% more</strong> than the sticker price once you factor in interest, taxes, insurance, and fees.</p>https://urcity.com/tools/salary-equivalence-calculator/Mon, 01 Jan 0001 00:00:00 +0000https://urcity.com/tools/salary-equivalence-calculator/<h2 id="salary-equivalence-calculator">Salary Equivalence Calculator</h2> <p>Moving to a new city? Find out what salary you need to maintain your lifestyle.</p> <div class="calculator-widget" id="salary-calc"> <div class="calc-header"> <div class="calc-icon amber"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <rect x="2" y="7" width="20" height="14" rx="2"/> <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/> </svg> </div> <div class="calc-title-group"> <h3>Salary Equivalence Calculator</h3> <p class="calc-subtitle">Find out what you need to earn to maintain your lifestyle</p> </div> </div> <div class="calc-inputs-row three-col"> <div class="calc-field"> <label for="current-salary"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> Current Salary </label> <div class="input-prefix"> <span class="prefix">$</span> <input type="number" id="current-salary" value="100000" min="0" step="1000"> </div> </div> <div class="calc-field"> <label for="from-city"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> From City </label> <select id="from-city"> <option value="akron-oh" data-col="88.5" data-name="Akron" >Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-name="Albuquerque" >Albuquerque, NM</option> <option value="anaheim-ca" data-col="148.5" data-name="Anaheim" >Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-name="Anchorage" >Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-name="Ann Arbor" >Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-name="Asheville" >Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-name="Atlanta" >Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-name="Augusta" >Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-name="Aurora" >Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-name="Austin" >Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-name="Bakersfield" >Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-name="Baltimore" >Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-name="Baton Rouge" >Baton Rouge, LA</option> <option value="bend-or" data-col="118.5" data-name="Bend" >Bend, OR</option> <option value="billings-mt" data-col="96.5" data-name="Billings" >Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-name="Birmingham" >Birmingham, AL</option> <option value="boise-id" data-col="102.5" data-name="Boise" >Boise, ID</option> <option value="boston-ma" data-col="153.2" data-name="Boston" >Boston, MA</option> <option value="boulder-co" data-col="148.5" data-name="Boulder" >Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-name="Bridgeport" >Bridgeport, CT</option> <option value="buffalo-ny" data-col="92.5" data-name="Buffalo" >Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-name="Burlington" >Burlington, VT</option> <option value="chandler-az" data-col="108.5" data-name="Chandler" >Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-name="Charleston" >Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-name="Charlotte" >Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-name="Chattanooga" >Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-name="Chesapeake" >Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-name="Cheyenne" >Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-name="Chicago" >Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-name="Chula Vista" >Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-name="Cincinnati" >Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-name="Cleveland" >Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-name="Colorado Springs" >Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-name="Columbia" >Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-name="Columbus" >Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-name="Corpus Christi" >Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-name="Dallas" >Dallas, TX</option> <option value="denver-co" data-col="128.5" data-name="Denver" >Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-name="Des Moines" >Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-name="Detroit" >Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-name="Durham" >Durham, NC</option> <option value="el-paso-tx" data-col="88.5" data-name="El Paso" >El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-name="Elk Grove" >Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-name="Eugene" >Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-name="Fargo" >Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-name="Fayetteville" >Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-name="Fort Wayne" >Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-name="Fort Worth" >Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-name="Fremont" >Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-name="Fresno" >Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-name="Garland" >Garland, TX</option> <option value="glendale-az" data-col="98.5" data-name="Glendale" >Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-name="Grand Rapids" >Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-name="Greensboro" >Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-name="Greenville" >Greenville, SC</option> <option value="henderson-nv" data-col="108.5" data-name="Henderson" >Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-name="Hialeah" >Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-name="Honolulu" >Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-name="Houston" >Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-name="Huntsville" >Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-name="Indianapolis" >Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-name="Irvine" >Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-name="Irving" >Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-name="Jackson" >Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-name="Jacksonville" >Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-name="Jersey City" >Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-name="Kansas City" >Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-name="Kansas City" >Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-name="Key West" >Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-name="Knoxville" >Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-name="Laredo" >Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-name="Las Vegas" >Las Vegas, NV</option> <option value="lexington-ky" data-col="94.2" data-name="Lexington" >Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-name="Lincoln" >Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-name="Little Rock" >Little Rock, AR</option> <option value="long-beach-ca" data-col="142.5" data-name="Long Beach" >Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-name="Los Angeles" >Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-name="Louisville" >Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-name="Lubbock" >Lubbock, TX</option> <option value="madison-wi" data-col="104.2" data-name="Madison" >Madison, WI</option> <option value="manchester-nh" data-col="108.5" data-name="Manchester" >Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-name="Memphis" >Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-name="Mesa" >Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-name="Miami" >Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-name="Milwaukee" >Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-name="Minneapolis" >Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-name="Mobile" >Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-name="Modesto" >Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-name="Montgomery" >Montgomery, AL</option> <option value="myrtle-beach-sc" data-col="96.5" data-name="Myrtle Beach" >Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-name="Nashville" >Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-name="New Orleans" >New Orleans, LA</option> <option value="nyc" data-col="187.2" data-name="New York City" selected>New York City, NY</option> <option value="newark-nj" data-col="118.5" data-name="Newark" >Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-name="Norfolk" >Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-name="Oakland" >Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-name="Oklahoma City" >Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-name="Omaha" >Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-name="Orlando" >Orlando, FL</option> <option value="oxnard-ca" data-col="138.5" data-name="Oxnard" >Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-name="Philadelphia" >Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-name="Phoenix" >Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-name="Pittsburgh" >Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-name="Plano" >Plano, TX</option> <option value="portland-me" data-col="112.5" data-name="Portland" >Portland, ME</option> <option value="portland-or" data-col="118.2" data-name="Portland" >Portland, OR</option> <option value="providence-ri" data-col="118.5" data-name="Providence" >Providence, RI</option> <option value="raleigh-nc" data-col="102.4" data-name="Raleigh" >Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-name="Reno" >Reno, NV</option> <option value="richmond-va" data-col="98.5" data-name="Richmond" >Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-name="Riverside" >Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-name="Rochester" >Rochester, NY</option> <option value="sacramento-ca" data-col="118.5" data-name="Sacramento" >Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-name="Saint Paul" >Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-name="Salem" >Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-name="Salt Lake City" >Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-name="San Antonio" >San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-name="San Bernardino" >San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-name="San Diego" >San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-name="San Francisco" >San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-name="San Jose" >San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-name="Santa Ana" >Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-name="Santa Fe" >Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-name="Savannah" >Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-name="Scottsdale" >Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-name="Seattle" >Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-name="Sioux Falls" >Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-name="Spokane" >Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-name="St. Petersburg" >St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-name="Stockton" >Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-name="Tacoma" >Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-name="Tallahassee" >Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-name="Tampa" >Tampa, FL</option> <option value="toledo-oh" data-col="88.5" data-name="Toledo" >Toledo, OH</option> <option value="tucson-az" data-col="95.8" data-name="Tucson" >Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-name="Tulsa" >Tulsa, OK</option> <option value="virginia-beach-va" data-col="104.2" data-name="Virginia Beach" >Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-name="Washington DC" >Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-name="Wichita" >Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-name="Wilmington" >Wilmington, NC</option> <option value="winston-salem-nc" data-col="92.5" data-name="Winston-Salem" >Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-name="Worcester" >Worcester, MA</option> </select> </div> <div class="calc-field"> <label for="to-city"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> To City </label> <select id="to-city"> <option value="akron-oh" data-col="88.5" data-name="Akron" >Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-name="Albuquerque" >Albuquerque, NM</option> <option value="anaheim-ca" data-col="148.5" data-name="Anaheim" >Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-name="Anchorage" >Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-name="Ann Arbor" >Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-name="Asheville" >Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-name="Atlanta" >Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-name="Augusta" >Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-name="Aurora" >Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-name="Austin" selected>Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-name="Bakersfield" >Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-name="Baltimore" >Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-name="Baton Rouge" >Baton Rouge, LA</option> <option value="bend-or" data-col="118.5" data-name="Bend" >Bend, OR</option> <option value="billings-mt" data-col="96.5" data-name="Billings" >Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-name="Birmingham" >Birmingham, AL</option> <option value="boise-id" data-col="102.5" data-name="Boise" >Boise, ID</option> <option value="boston-ma" data-col="153.2" data-name="Boston" >Boston, MA</option> <option value="boulder-co" data-col="148.5" data-name="Boulder" >Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-name="Bridgeport" >Bridgeport, CT</option> <option value="buffalo-ny" data-col="92.5" data-name="Buffalo" >Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-name="Burlington" >Burlington, VT</option> <option value="chandler-az" data-col="108.5" data-name="Chandler" >Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-name="Charleston" >Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-name="Charlotte" >Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-name="Chattanooga" >Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-name="Chesapeake" >Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-name="Cheyenne" >Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-name="Chicago" >Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-name="Chula Vista" >Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-name="Cincinnati" >Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-name="Cleveland" >Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-name="Colorado Springs" >Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-name="Columbia" >Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-name="Columbus" >Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-name="Corpus Christi" >Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-name="Dallas" >Dallas, TX</option> <option value="denver-co" data-col="128.5" data-name="Denver" >Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-name="Des Moines" >Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-name="Detroit" >Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-name="Durham" >Durham, NC</option> <option value="el-paso-tx" data-col="88.5" data-name="El Paso" >El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-name="Elk Grove" >Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-name="Eugene" >Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-name="Fargo" >Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-name="Fayetteville" >Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-name="Fort Wayne" >Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-name="Fort Worth" >Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-name="Fremont" >Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-name="Fresno" >Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-name="Garland" >Garland, TX</option> <option value="glendale-az" data-col="98.5" data-name="Glendale" >Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-name="Grand Rapids" >Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-name="Greensboro" >Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-name="Greenville" >Greenville, SC</option> <option value="henderson-nv" data-col="108.5" data-name="Henderson" >Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-name="Hialeah" >Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-name="Honolulu" >Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-name="Houston" >Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-name="Huntsville" >Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-name="Indianapolis" >Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-name="Irvine" >Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-name="Irving" >Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-name="Jackson" >Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-name="Jacksonville" >Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-name="Jersey City" >Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-name="Kansas City" >Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-name="Kansas City" >Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-name="Key West" >Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-name="Knoxville" >Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-name="Laredo" >Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-name="Las Vegas" >Las Vegas, NV</option> <option value="lexington-ky" data-col="94.2" data-name="Lexington" >Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-name="Lincoln" >Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-name="Little Rock" >Little Rock, AR</option> <option value="long-beach-ca" data-col="142.5" data-name="Long Beach" >Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-name="Los Angeles" >Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-name="Louisville" >Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-name="Lubbock" >Lubbock, TX</option> <option value="madison-wi" data-col="104.2" data-name="Madison" >Madison, WI</option> <option value="manchester-nh" data-col="108.5" data-name="Manchester" >Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-name="Memphis" >Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-name="Mesa" >Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-name="Miami" >Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-name="Milwaukee" >Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-name="Minneapolis" >Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-name="Mobile" >Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-name="Modesto" >Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-name="Montgomery" >Montgomery, AL</option> <option value="myrtle-beach-sc" data-col="96.5" data-name="Myrtle Beach" >Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-name="Nashville" >Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-name="New Orleans" >New Orleans, LA</option> <option value="nyc" data-col="187.2" data-name="New York City" >New York City, NY</option> <option value="newark-nj" data-col="118.5" data-name="Newark" >Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-name="Norfolk" >Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-name="Oakland" >Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-name="Oklahoma City" >Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-name="Omaha" >Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-name="Orlando" >Orlando, FL</option> <option value="oxnard-ca" data-col="138.5" data-name="Oxnard" >Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-name="Philadelphia" >Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-name="Phoenix" >Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-name="Pittsburgh" >Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-name="Plano" >Plano, TX</option> <option value="portland-me" data-col="112.5" data-name="Portland" >Portland, ME</option> <option value="portland-or" data-col="118.2" data-name="Portland" >Portland, OR</option> <option value="providence-ri" data-col="118.5" data-name="Providence" >Providence, RI</option> <option value="raleigh-nc" data-col="102.4" data-name="Raleigh" >Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-name="Reno" >Reno, NV</option> <option value="richmond-va" data-col="98.5" data-name="Richmond" >Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-name="Riverside" >Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-name="Rochester" >Rochester, NY</option> <option value="sacramento-ca" data-col="118.5" data-name="Sacramento" >Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-name="Saint Paul" >Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-name="Salem" >Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-name="Salt Lake City" >Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-name="San Antonio" >San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-name="San Bernardino" >San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-name="San Diego" >San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-name="San Francisco" >San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-name="San Jose" >San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-name="Santa Ana" >Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-name="Santa Fe" >Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-name="Savannah" >Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-name="Scottsdale" >Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-name="Seattle" >Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-name="Sioux Falls" >Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-name="Spokane" >Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-name="St. Petersburg" >St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-name="Stockton" >Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-name="Tacoma" >Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-name="Tallahassee" >Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-name="Tampa" >Tampa, FL</option> <option value="toledo-oh" data-col="88.5" data-name="Toledo" >Toledo, OH</option> <option value="tucson-az" data-col="95.8" data-name="Tucson" >Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-name="Tulsa" >Tulsa, OK</option> <option value="virginia-beach-va" data-col="104.2" data-name="Virginia Beach" >Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-name="Washington DC" >Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-name="Wichita" >Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-name="Wilmington" >Wilmington, NC</option> <option value="winston-salem-nc" data-col="92.5" data-name="Winston-Salem" >Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-name="Worcester" >Worcester, MA</option> </select> </div> </div> <button class="btn btn-primary btn-large" onclick="calculateSalary()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> Calculate Equivalent Salary </button> <div class="calc-result" id="salary-result" style="display:none;"> <div class="result-header"> <h4>Equivalent Salary</h4> <span class="result-badge badge-neutral" id="salary-badge">Result</span> </div> <div class="salary-cards"> <div class="salary-card from"> <div class="salary-card-label">Current</div> <div class="salary-card-city" id="from-city-display">City A</div> <div class="salary-card-amount" id="from-salary-display">$100,000</div> </div> <div class="salary-arrow"> <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> <div class="salary-arrow-label" id="salary-change-pct">0%</div> </div> <div class="salary-card to"> <div class="salary-card-label">You Need</div> <div class="salary-card-city" id="to-city-display">City B</div> <div class="salary-card-amount" id="needed-salary">$100,000</div> </div> </div> <div class="result-summary" id="salary-difference"></div> </div> </div> <script> function calculateSalary() { const salary = parseFloat(document.getElementById('current-salary').value); const optFrom = document.getElementById('from-city').selectedOptions[0]; const optTo = document.getElementById('to-city').selectedOptions[0]; const colFrom = parseFloat(optFrom.dataset.col) || 100; const colTo = parseFloat(optTo.dataset.col) || 100; const nameFrom = optFrom.dataset.name; const nameTo = optTo.dataset.name; const neededSalary = Math.round(salary * (colTo / colFrom)); const diff = salary - neededSalary; const pct = Math.round(((neededSalary - salary) / salary) * 100); document.getElementById('from-city-display').textContent = nameFrom; document.getElementById('to-city-display').textContent = nameTo; document.getElementById('from-salary-display').textContent = '$' + salary.toLocaleString(); document.getElementById('needed-salary').textContent = '$' + neededSalary.toLocaleString(); const arrowLabel = document.getElementById('salary-change-pct'); const badge = document.getElementById('salary-badge'); if (pct > 0) { arrowLabel.textContent = '+' + pct + '%'; arrowLabel.className = 'salary-arrow-label negative'; badge.textContent = 'Need more'; badge.className = 'result-badge badge-warning'; } else if (pct < 0) { arrowLabel.textContent = pct + '%'; arrowLabel.className = 'salary-arrow-label positive'; badge.textContent = 'Save money'; badge.className = 'result-badge badge-success'; } else { arrowLabel.textContent = '0%'; arrowLabel.className = 'salary-arrow-label'; badge.textContent = 'Same'; badge.className = 'result-badge badge-neutral'; } const diffEl = document.getElementById('salary-difference'); if (diff > 0) { diffEl.innerHTML = '<div class="summary-icon">🎉</div><p>You would save <strong>$' + diff.toLocaleString() + '/year</strong> by moving to ' + nameTo + '. Your current salary goes further there.</p>