HTML Entity for Uppercase N Grave (Ǹ)

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

What You'll Learn

How to display the uppercase N with grave accent (Ǹ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+01F8 in the Latin Extended-B block. It is the capital form of ǹ and is used in phonetic transcription and tonal languages to denote low tone—the grave accent (`) indicates lower pitch on the syllable.

Render it with Ǹ, Ǹ, or CSS escape \01F8. There is no named HTML entity for this character. In UTF-8 documents you can also type Ǹ directly.

⚡ Quick Reference — Uppercase N Grave Entity

Unicode U+01F8

Latin Extended-B

Hex Code Ǹ

Hexadecimal reference

HTML Code Ǹ

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01F8
Hex code       Ǹ
HTML code      Ǹ
Named entity   (none)
CSS code       \01F8
Meaning        Latin capital letter N with grave
Phonetic       Low tone marking
Related        U+01F9 = ǹ (lowercase)
               U+004E = N (plain uppercase)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the uppercase N grave (Ǹ) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\01F8";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x01F8;</p>
<p>Symbol (decimal): &#504;</p>
<p>Symbol (direct): Ǹ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase N grave (Ǹ) is supported in all modern browsers as part of Latin Extended-B:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the uppercase N grave (Ǹ) in phonetic and tonal contexts:

Large glyphǸ
Case pairǸ (uppercase) / ǹ (lowercase)
Tonal markingGrave accent denotes low tone in phonetic transcription
Not the same asN (U+004E)  |  Ň (N caron)  |  N + combining grave
No named entityUse numeric refs or type Ǹ directly in UTF-8
Numeric refs&#x01F8; &#504; \01F8

🧠 How It Works

1

Hexadecimal Code

&#x01F8; uses the Unicode hexadecimal value 01F8 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#504; uses the decimal Unicode value 504 to display the same character. A common method when a numeric reference is needed.

HTML markup
3

Direct Character

Type Ǹ directly in HTML when your document uses UTF-8 encoding. There is no named entity for this tonal/phonetic symbol.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All methods produce the glyph: Ǹ. Unicode U+01F8 sits in Latin Extended-B. Lowercase pair: U+01F9 (ǹ). Do not confuse with plain N (U+004E), Ň (N caron), or decomposed N + combining grave (U+0300).

Use Cases

The uppercase N grave (Ǹ) is commonly used in:

📝 Phonetic transcription

Used in linguistics to denote low tone. The grave accent indicates lower pitch on the syllable.

🌍 Tonal languages

Some African and other tonal orthographies use grave-accented letters for tone marking. Correct character (U+01F8) supports proper representation.

🌐 Multilingual sites

International applications and global platforms displaying extended Latin characters with grave accents.

⚙ Programmatic HTML

When building HTML from linguistic or dictionary data, using &#504; or &#x01F8; guarantees correct output.

📚 Documentation

Tutorials on HTML entities, Unicode, or phonetic transcription showing numeric codes for Ǹ.

♿ Accessibility

Using the correct character (U+01F8) ensures assistive technologies interpret phonetic or tonal symbols as intended.

🎨 CSS generated content

Using \01F8 in the CSS content property to insert Ǹ via pseudo-elements.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type Ǹ directly in UTF-8 source
  • Use numeric references (&#x01F8; or &#504;) when escaping is required
  • Use \01F8 in CSS content when generating the symbol via pseudo-elements
  • Link to the lowercase pair ǹ (U+01F9)
  • Use fonts that support Latin Extended-B phonetic characters

Don’t

  • Expect a named HTML entity—none exists for Ǹ
  • Confuse Ǹ (N grave) with plain N or Ň (N caron)
  • Put CSS escape \01F8 in HTML text nodes
  • Use U+001F8 or CSS \001F8—the correct code is U+01F8 and \01F8
  • Assume all fonts render Ǹ identically—test across devices

Key Takeaways

1

Type Ǹ directly, or use hex/decimal references

&#x01F8; &#504;
2

For CSS stylesheets, use the escape in the content property

\01F8
3

Unicode U+01F8 — LATIN CAPITAL LETTER N WITH GRAVE

4

Lowercase pair is U+01F9 (ǹ); no named HTML entity exists

❓ Frequently Asked Questions

Use &#x01F8; (hex), &#504; (decimal), or \01F8 in CSS content. There is no named HTML entity for Ǹ. In UTF-8 you can also type Ǹ directly.
U+01F8 (LATIN CAPITAL LETTER N WITH GRAVE). Latin Extended-B block. Hex 01F8, decimal 504. Used in tonal languages and phonetic transcription. Lowercase form is U+01F9 (ǹ).
When displaying tonal or phonetic transcription, linguistics content, multilingual websites, internationalization, documentation, or when you need an explicit character reference. In UTF-8 pages you can type Ǹ directly.
No. There is no named HTML entity for the uppercase N grave (Ǹ). Use numeric codes &#504; or &#x01F8;, or the CSS entity \01F8. In UTF-8 pages you can type Ǹ directly.
HTML code (&#504; or &#x01F8;) is used in HTML content; CSS entity \01F8 is used in stylesheets in the content property of pseudo-elements. Both produce Ǹ.

Explore More HTML Entities!

Discover 1500+ HTML character references — phonetic symbols, 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