HTML Entity for Circumflex Accent (̂)
What You'll Learn
How to display the Combining Circumflex Accent (̂) in HTML and CSS. This character is U+0302 in the Combining Diacritical Marks block (U+0300–U+036F), approved in Unicode 1.1 (1993). It is a nonspacing mark that attaches above the preceding base character to form letters like â, ê, î, ô, and û in French and Portuguese.
There is no named HTML entity for U+0302. Use ̂ or ̂ in markup, or \302 in stylesheet content. Place the mark immediately after the base letter (e.g. â renders as â). Do not confuse with spacing circumflex U+005E (^), modifier letter U+02C6 (ˆ), or Circumflex Accent Below U+032D (̭).
⚡ Quick Reference — Circumflex Accent
U+0302Combining Diacritical Marks (U+0300–U+036F)
̂Hexadecimal reference
̂Decimal reference
—None for U+0302 (use precomposed â, etc.)
Name Value
──────────── ──────────
Unicode U+0302
Hex code ̂
HTML code ̂
Named entity —
CSS code \302Complete HTML Example
This example shows U+0302 using hexadecimal and decimal references, combining with French vowels, plus a CSS content escape. There is no named HTML entity for the combining circumflex:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\302";
}
</style>
</head>
<body>
<p>Circumflex using Hexa Decimal: ̂</p>
<p>Circumflex using HTML Code: ̂</p>
<p id="point">Circumflex using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Combining Circumflex Accent is supported in all modern browsers when paired with a base character:
👀 Live Preview
See the Combining Circumflex Accent with French vowels and related characters:
🧠 How It Works
Hexadecimal Code
̂ references code point U+0302 using hex digits 0302. Place it immediately after a base letter (e.g. â).
Decimal HTML Code
̂ is the decimal equivalent (770) for the same Combining Circumflex Accent character.
CSS Entity
\302 is the CSS escape for U+0302, used in the content property of ::before or ::after.
Combining result
The mark attaches above the preceding base character to form letters like â, ê, and ô. No named entity exists for U+0302; use precomposed code points when available.
Use Cases
The Combining Circumflex Accent (̂) commonly appears in:
Letters â, ê, î, ô, û and other circumflexed vowels.
Orthography using circumflex on vowels (â, ê, ô, etc.).
Phonetic transcription and pronunciation guides with diacritics above letters.
Exponent notation and technical symbols using circumflex-style marks.
Pronunciation keys, language learning, and lexical databases.
Correct spelling in localized content with proper lang attributes.
Use proper lang="fr" or lang="pt" so screen readers pronounce accented text correctly.
💡 Best Practices
Do
- Place
̂or̂immediately after the base letter - Prefer precomposed letters (â, ê, î, ô, û) when available
- Set
lang="fr",lang="pt", etc. on localized content - Use fonts with Latin Extended glyph support (Noto Serif, Georgia)
- Declare
<meta charset="utf-8">for reliable combining
Don’t
- Use spacing circumflex
^(U+005E) when a combining mark is required - Put the combining mark before the base character
- Confuse circumflex above (U+0302) with circumflex below (U+032D)
- Put CSS escape
\302inside HTML text nodes - Expect a named HTML entity for U+0302—none exists
Key Takeaways
Two HTML references for the combining mark
̂ ̂For CSS stylesheets, use the escape in the content property
\302U+0302 Combining Circumflex Accent — above base letters
Forms French vowels: â, ê, î, ô, û
Circumflex below = U+032D; circumflex above = U+0302
❓ Frequently Asked Questions
̂ (hex), ̂ (decimal), or \302 in CSS content. Place the mark right after the base letter (e.g. â for â). There is no named HTML entity for U+0302.U+0302 (Combining Circumflex Accent). Combining Diacritical Marks block (U+0300–U+036F). Hex 0302, decimal 770. Placed above the base character.̂ or ̂) go directly in markup after the base letter. The CSS escape \302 is used in stylesheets, typically in the content property of pseudo-elements.â for â). Spacing circumflex is U+005E (^); modifier letter circumflex is U+02C6 (ˆ).Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful