HTML Entity for Lowercase N Tilde (ñ)
What You'll Learn
How to display the lowercase n with tilde (ñ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00F1 in the Latin-1 Supplement block. In Spanish it is called eñe and has been part of the alphabet since the eighteenth century. It is also used in Galician, Asturian, Filipino, Portuguese, and many other languages.
Render it with ñ, ñ, ñ, or CSS escape \00F1. The named entity ñ is one of the most widely recognized HTML entities.
⚡ Quick Reference — Lowercase N Tilde Entity
U+00F1Latin-1 Supplement
ñHexadecimal reference
ñDecimal reference
ñMost readable option
Name Value
──────────── ──────────
Unicode U+00F1
Hex code ñ
HTML code ñ
Named entity ñ
CSS code \00F1
Meaning Latin small letter n with tilde
Related U+00D1 = Ñ (Ñ)
Block Latin-1 Supplement (U+0080–U+00FF)Complete HTML Example
A simple example showing the lowercase n tilde (ñ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\00F1";
}
</style>
</head>
<body>
<p>Symbol (hex): ñ</p>
<p>Symbol (decimal): ñ</p>
<p>Symbol (named): ñ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The lowercase n tilde (ñ) and the named entity ñ are supported in all modern browsers:
👀 Live Preview
See the lowercase n tilde (ñ) in language and content contexts:
🧠 How It Works
Hexadecimal Code
ñ uses the Unicode hexadecimal value 00F1 to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
ñ uses the decimal Unicode value 241 to display the same character. A common method when a numeric reference is needed.
Named Entity
ñ is the named entity for n tilde—readable in source HTML and one of the most familiar HTML character references.
CSS Entity
\00F1 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: ñ. Unicode U+00F1 sits in Latin-1 Supplement. Uppercase equivalent: U+00D1 (Ñ, Ñ). Do not confuse with ň (n caron) or ɲ (IPA left hook).
Use Cases
The lowercase n tilde (ñ) is commonly used in:
Essential for correct Spanish spelling (año, niño, mañana, español). Use the entity or UTF-8 for proper display and SEO.
Used in Galician, Asturian, Filipino (Tagalog), and other languages. Correct character (U+00F1) supports proper orthography.
Portuguese words like amanhã and espanhol, and localization for Spanish- and Portuguese-speaking audiences.
When building HTML from CMS content or translation data, using ñ or ñ guarantees correct output.
Tutorials on HTML entities, Unicode, or language learning showing ñ and numeric codes for ñ.
Using the correct character (U+00F1) with proper lang attributes ensures assistive technologies pronounce content correctly.
Using \00F1 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
ñfor readable HTML when a named form is preferred - Set
langattributes (e.g.lang="es",lang="pt") on language-specific content - Use
\00F1in CSScontentwhen generating the symbol via pseudo-elements - Distinguish ñ (n tilde) from ň (n caron) and ɲ (IPA left hook)
Don’t
- Substitute plain
nwhen ñ is required in Spanish or Portuguese text - Confuse ñ (n tilde) with ň (n caron), ʼn (n apostrophe), or ɲ (IPA left hook)
- Put CSS escape
\00F1in HTML text nodes - Double-encode entity references in dynamically generated HTML
- Omit
langattributes on pages with Spanish or Portuguese content
Key Takeaways
The named entity is the most familiar form
ñNumeric alternatives: hex and decimal
ñ ñUnicode U+00F1 — LATIN SMALL LETTER N WITH TILDE
Essential for Spanish eñe; uppercase is Ñ (Ñ)
Previous: Lowercase N Right Leg (ƞ) Next: Lowercase O
❓ Frequently Asked Questions
ñ (named), ñ (hex), ñ (decimal), or \00F1 in CSS content. In UTF-8 you can also type ñ directly.U+00F1 (LATIN SMALL LETTER N WITH TILDE). Latin-1 Supplement block. Hex 00F1, decimal 241. Used in Spanish (eñe), Galician, Filipino, Portuguese, and other languages. Uppercase form is U+00D1 (Ñ).ñ. You can also use ñ or ñ, or the CSS entity \00F1.ñ, ñ, or ñ) is used in HTML content; CSS entity \00F1 is used in stylesheets in the content property of pseudo-elements. Both produce ñ.Explore More HTML Entities!
Discover 1500+ HTML character references — letters, symbols, and more.
About the author
8 people found this page helpful