HTML Entity for Grave Accent (̀)

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
U+0300Combining Diacritical Marks
̀Hexadecimal reference
̀Decimal reference
—Use numeric codes only
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)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:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\300";
}
</style>
</head>
<body>
<p>Grave Accent using Hexadecimal: à è ì</p>
<p>Grave Accent using Decimal: ò ù</p>
<p id="point">Grave Accent using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The combining Grave Accent (U+0300) is widely supported when fonts include Combining Diacritical Marks:
👀 Live Preview
See the combining Grave Accent (̀) with base letters and precomposed forms:
🧠 How It Works
Hexadecimal Code
̀ uses the Unicode hexadecimal value 0300 to insert the combining Grave Accent. The x prefix indicates hexadecimal format.
Decimal HTML Code
̀ uses the decimal Unicode value 768 to insert the same combining character.
CSS Entity
\300 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Combining behavior
Place U+0300 after the base letter: a + ̀ renders as à. Use precomposed à or UTF-8 à when simpler. Next: Grave Accent Below.
Use Cases
The combining Grave Accent (U+0300) is commonly used in:
Building à, è, ì, ò, ù for French, Italian, and related languages.
Correct display of accented text in internationalized web content and CMS data.
Transcription, language-learning apps, and phonetic notation with decomposed characters.
Generating or processing NFD (decomposed) Unicode text programmatically.
Font design and testing combining mark positioning above base letters.
HTML entity lists, Unicode references, and diacritical mark tutorials.
💡 Best Practices
Do
- Place the combining mark after the base letter (
athen ̀) - Use precomposed characters (à) when you do not need decomposition
- Use
à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
\300in HTML text nodes - Expect a named entity for the combining character itself
- Mix NFD and NFC arbitrarily without normalization in apps
Key Takeaways
Two HTML numeric references plus CSS insert U+0300
̀ ̀Base letter first, then accent: a + ̀ = à
Unicode U+0300 — COMBINING GRAVE ACCENT
Backtick is U+0060, not U+0300
Next: Grave Accent Below
❓ Frequently Asked Questions
̀ (hex), ̀ (decimal), or \300 in CSS content. There is no named entity for the combining mark. Place it after the base letter (e.g. à for à).U+0300 (COMBINING GRAVE ACCENT). Combining Diacritical Marks block. Hex 0300, decimal 768. Standalone backtick is U+0060.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.̀ or ̀) 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.
8 people found this page helpful
