HTML Entity for Uppercase N Tilde (Ñ)

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

What You'll Learn

How to display the uppercase N with tilde (Ñ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00D1 in the Latin-1 Supplement block. It is the capital form of ñ and is essential for correct Spanish spelling in words like España and Niño, as well as Galician, Filipino, and other languages.

Render it with Ñ, Ñ, Ñ, or CSS escape \00D1. The named entity Ñ is one of the most widely recognized HTML entities for accented characters.

⚡ Quick Reference — Uppercase N Tilde Entity

Unicode U+00D1

Latin-1 Supplement

Hex Code Ñ

Hexadecimal reference

HTML Code Ñ

Decimal reference

Named Entity Ñ

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00D1
Hex code       Ñ
HTML code      Ñ
Named entity   Ñ
CSS code       \00D1
Meaning        Latin capital letter N with tilde
Related        U+00F1 = ñ (lowercase)
               U+004E = N (plain uppercase)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

A simple example showing the uppercase N tilde (Ñ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\00D1";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x00D1;</p>
<p>Symbol (decimal): &#209;</p>
<p>Symbol (named): &Ntilde;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase N tilde (Ñ) and the named entity &Ntilde; are supported in all modern browsers:

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

👀 Live Preview

See the uppercase N tilde (Ñ) in language and content contexts:

Large glyphÑ
SpanishEspaña  |  Niño  |  Señor
Case pairÑ (uppercase) / ñ (lowercase, &ntilde;)
Named entity&Ntilde; renders as Ñ
Not the same asN (plain)  |  Ɲ (N left hook)  |  Ň (N caron)
Numeric refs&#x00D1; &#209; &Ntilde; \00D1

🧠 How It Works

1

Named Entity

&Ntilde; is the standard named entity for Ñ—readable in source HTML and part of the HTML5 entity set for Latin-1 accented letters.

HTML markup
2

Hexadecimal Code

&#x00D1; uses the Unicode hexadecimal value 00D1 to display the character. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

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

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All four methods produce the glyph: Ñ. Unicode U+00D1 sits in Latin-1 Supplement. Lowercase pair: U+00F1 (ñ, &ntilde;). Do not confuse with plain N, Ɲ (N left hook), or Ň (N caron).

Use Cases

The uppercase N tilde (Ñ) is commonly used in:

🇪🇸 Spanish content

Essential for correct Spanish spelling at word beginnings and in all-caps text (España, Niño, Señor).

🌍 Multilingual sites

International applications and global platforms displaying Spanish, Galician, Filipino, and related orthographies.

🌐 Internationalization

Localized UI, CMS content, and translation systems requiring proper accented capital letters.

📚 Language learning

Educational websites and courses teaching Spanish pronunciation and orthography.

⚙ Programmatic HTML

When building HTML from CMS or translation data, using &Ntilde; or &#209; guarantees correct output.

♿ Accessibility

Correct Unicode with proper lang attributes ensures assistive technologies pronounce content correctly.

🄥 Search & SEO

Proper spelling helps search indexing for Spanish-language content and geographic names.

💡 Best Practices

Do

  • Use &Ntilde; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type Ñ directly in UTF-8 source
  • Link to the lowercase pair ñ (&ntilde;, U+00F1)
  • Set lang="es" (or appropriate language) on Spanish content
  • Distinguish Ñ (n tilde) from plain N and Ɲ (N left hook)

Don’t

  • Substitute plain N when Ñ is required for correct Spanish spelling
  • Confuse Ñ (n tilde) with Ɲ (N left hook) or Ň (N caron)
  • Put CSS escape \00D1 in HTML text nodes
  • Use U+000D1 or CSS \000D1—the correct code is U+00D1 and \00D1
  • Omit lang attributes on pages with Spanish or multilingual content

Key Takeaways

1

The named entity is the most familiar form

&Ntilde;
2

Numeric alternatives: hex and decimal

&#x00D1; &#209;
3

Unicode U+00D1 — LATIN CAPITAL LETTER N WITH TILDE

4

Essential for Spanish; lowercase pair is ñ (&ntilde;)

❓ Frequently Asked Questions

Use &Ntilde; (named), &#x00D1; (hex), &#209; (decimal), or \00D1 in CSS content. In UTF-8 you can also type Ñ directly.
U+00D1 (LATIN CAPITAL LETTER N WITH TILDE). Latin-1 Supplement block. Hex 00D1, decimal 209. Used in Spanish (España), Galician, Filipino, and other languages. Lowercase form is U+00F1 (ñ).
When displaying Spanish, Galician, Filipino, or other language text that uses Ñ at the start of words or in all-caps text, in multilingual sites, documentation, or when you need a reliable character reference.
The named HTML entity is &Ntilde;. You can also use &#209; or &#x00D1;, or the CSS entity \00D1. It is part of the HTML5 standard and supported in all modern browsers.
Ñ (U+00D1) is N with a tilde, used in Spanish and related languages (&Ntilde;). Ɲ (U+019D) is N with a left hook, used in IPA and African orthographies. They are distinct Unicode characters with different pronunciations and usage contexts.

Explore More HTML Entities!

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