HTML Entity for Grave Accent (̀)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+0300

What You'll Learn

How to insert the combining Grave Accent (̀, U+0300) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+0300 (COMBINING GRAVE ACCENT) in the Combining Diacritical Marks block (U+0300–U+036F).

Place it after a base letter (e.g. a + ̀ = à) to build accented characters for French, Italian, and other languages. Use ̀, ̀, or CSS \300. There is no named HTML entity for this combining mark. The standalone backtick ` is U+0060, a different character.

⚡ Quick Reference — Grave Accent

Unicode U+0300

Combining Diacritical Marks

Hex Code ̀

Hexadecimal reference

HTML Code ̀

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0300
Hex code       ̀
HTML code      ̀
Named entity   (none)
CSS code       \300
Meaning        Combining grave accent
Combines as    à = à, è = è
Not to confuse U+0060 = backtick ` (standalone)
1

Complete HTML Example

This example inserts the combining Grave Accent (U+0300) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity. The mark combines with a preceding base letter:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\300";
  }
 </style>
</head>
<body>
<p>Grave Accent using Hexadecimal: a&#x0300; e&#x0300; i&#x0300;</p>
<p>Grave Accent using Decimal: o&#768; u&#768;</p>
<p id="point">Grave Accent using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The combining Grave Accent (U+0300) is widely supported when fonts include Combining Diacritical Marks:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the combining Grave Accent (̀) with base letters and precomposed forms:

Combining (NFD) à è ì ò ù
Precomposed (NFC) à è ì ò ù
French sample Café — à la carte
Mark alone ̀
Numeric refs &#x0300; &#768; \300

🧠 How It Works

1

Hexadecimal Code

&#x0300; uses the Unicode hexadecimal value 0300 to insert the combining Grave Accent. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#768; uses the decimal Unicode value 768 to insert the same combining character.

HTML markup
3

CSS Entity

\300 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Combining behavior

Place U+0300 after the base letter: a + ̀ renders as à. Use precomposed &#224; or UTF-8 &agrave; when simpler. Next: Grave Accent Below.

Use Cases

The combining Grave Accent (U+0300) is commonly used in:

🌐 Accented letters

Building à, è, ì, ò, ù for French, Italian, and related languages.

🗣 Localization

Correct display of accented text in internationalized web content and CMS data.

📚 Linguistics

Transcription, language-learning apps, and phonetic notation with decomposed characters.

📐 Normalization

Generating or processing NFD (decomposed) Unicode text programmatically.

🎨 Typography

Font design and testing combining mark positioning above base letters.

📚 Documentation

HTML entity lists, Unicode references, and diacritical mark tutorials.

💡 Best Practices

Do

  • Place the combining mark after the base letter (a then ̀)
  • Use precomposed characters (à) when you do not need decomposition
  • Use &agrave; for à when a named entity exists for the precomposed letter
  • Ensure fonts support Combining Diacritical Marks (U+0300)
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse U+0300 (combining grave) with U+0060 (backtick `)
  • Put the combining mark before the base letter (wrong order)
  • Put CSS escape \300 in HTML text nodes
  • Expect a named entity for the combining character itself
  • Mix NFD and NFC arbitrarily without normalization in apps

Key Takeaways

1

Two HTML numeric references plus CSS insert U+0300

&#x0300; &#768;
2

Base letter first, then accent: a + ̀ = à

3

Unicode U+0300 — COMBINING GRAVE ACCENT

4

Backtick is U+0060, not U+0300

❓ Frequently Asked Questions

Use &#x0300; (hex), &#768; (decimal), or \300 in CSS content. There is no named entity for the combining mark. Place it after the base letter (e.g. a&#x0300; for à).
U+0300 (COMBINING GRAVE ACCENT). Combining Diacritical Marks block. Hex 0300, decimal 768. Standalone backtick is U+0060.
When building accented characters (à, è, ì, ò, ù), for linguistics, multilingual sites, or Unicode decomposition (NFD).
U+0300 is a combining mark that attaches to a letter (a + ̀ = à). The backtick ` is U+0060, a standalone character used in code and keyboards—not a diacritic.
HTML references (&#768; or &#x0300;) go in markup after the base letter. The CSS escape \300 is used in stylesheets, typically in the content property of pseudo-elements.

Explore More HTML Entities!

Discover 1500+ HTML character references — combining marks, accented letters, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful