HTML Entity for Lowercase N Tilde (ñ)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+00F1

HTML Entity for lowercase n with tilde (U+00F1) tutorial illustration

Definition

What Is the Lowercase N Tilde Entity?

Lowercase n tilde (ñ) is the Latin-1 Supplement character at Unicode U+00F1 (LATIN SMALL LETTER N WITH TILDE). It is the letter n with a tilde (~) above — the Spanish eñe, used in words like niño, señor, and año.

Remember

Character     ñ
Unicode       U+00F1
Named entity  &ntilde;
Hex entity    &#x00F1;
Decimal       &#241;
CSS escape    \00F1
Capital       &Ntilde; (Ñ)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ñ. Prefer ñ in HTML source for clarity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`ñ`	HTML markup (best default)
Hex entity	`ñ`	HTML markup
Decimal entity	`ñ`	HTML markup
CSS escape	`\00F1`	Stylesheet `content`
Direct character	`ñ`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable HTML source	`ñ`
Numeric entity required	`ñ` or `ñ`
Generated text via `::before` / `::after`	`content: "\00F1"`
Capital Ñ	`Ñ` — see Uppercase N Tilde
N with caron instead	See Lowercase N Caron (ň)

See it

Live Preview

Lowercase n tilde in Spanish and comparison contexts.

Spanish sample niño, señor, año

Large glyph ñ

Named entity ñ → ñ

vs n / Ñ / ň ñ | n | Ñ | ň

With entities Named: ñ | Hex: ñ | Decimal: ñ

Code

Complete HTML Example

One page that shows this character with named, hex, decimal, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce ñ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase N Tilde (&ntilde;)</title>
  <style>
    #point::after {
      content: "\00F1";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &ntilde;</p>
  <p>Using Hex Code: &#x00F1;</p>
  <p>Using HTML Code: &#241;</p>
  <p id="point">Using CSS Entity: </p>
  <p lang="es">Espa&ntilde;ol: ni&ntilde;o</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: ñ is the clearest HTML form and renders ñ.

2. Hex: U+00F1 → ñ in HTML. Same result as the named entity.

3. Decimal: same code point as 241 → ñ. Same result as hex.

4. CSS: use \00F1 in content (not an HTML entity). #point::after appends that ñ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with lowercase n tilde.

Case

`ñ` ≠ `Ñ`

Named entities are case-sensitive. Lowercase is ñ; uppercase is Ñ.

Look-alikes

Not ň or n

Tilde (~) is not a caron (ˇ). Do not confuse ñ with &ncaron; (ň) or plain n.

Compose

Prefer precomposed

Use ñ instead of n plus combining tilde (U+0303) when the precomposed form exists.

CSS vs HTML

Do not mix escapes

\00F1 belongs in CSS. ñ / ñ / ñ belong in HTML.

Encoding

Declare UTF-8

If you type ñ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

Always finish with ; — write ñ, not &ntilde.

Compatibility

Browser Support

Lowercase n tilde (U+00F1) and its entity forms (ñ, ñ, ñ, CSS \\00F1) are supported in all modern browsers.

✓ Universal encoding

Lowercase N Tilde (ñ)

Encode with named, hex, decimal, or CSS escape — or type ñ directly in UTF-8 HTML.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+00F1 Full support

Bottom line: Prefer ñ for readable HTML. Use \\00F1 only inside CSS content.

Remember

Key Takeaways

Unicode: this character is U+00F1 (decimal 241).
HTML: prefer ñ — or use ñ / ñ.
CSS: use \00F1 inside content for generated text.
Watch out: ñ ≠ Ñ ≠ &ncaron;.

One line: U+00F1 → ñ / ñ / ñ / CSS \00F1.

Frequently Asked Questions

How do I display lowercase n tilde (ñ) in HTML using entities?

Use ñ (named), ñ (hex), ñ (decimal), or the CSS escape \00F1 in the content property. All render ñ. Prefer ñ in HTML source.

What is the Unicode value for lowercase n tilde?

U+00F1 (LATIN SMALL LETTER N WITH TILDE). Hex 00F1, decimal 241. It belongs to the Latin-1 Supplement (U+0080–U+00FF).

Is there a named HTML entity for U+00F1?

Yes. ñ is the HTML5 named entity for ñ. The capital form is Ñ (Ñ, U+00D1) — names are case-sensitive.

When should I use this HTML entity?

Use it for Spanish, Galician, Basque, or Filipino text (e.g. niño, señor, año), multilingual sites, and internationalized pages that need ñ.

What is the difference between HTML code and CSS entity for U+00F1?

HTML entities (ñ, ñ, or ñ) go in markup. The CSS escape \00F1 is used in stylesheets (usually in the content property of ::before/::after). Both render ñ.

Is ñ the same as n + combining tilde?

Visually similar, but U+00F1 is a precomposed character. Combining tilde is U+0303 after a base letter. Prefer the precomposed ñ when available.

Did you know?

Lowercase n tilde is Unicode U+00F1 (decimal 241) — LATIN SMALL LETTER N WITH TILDE in the Latin-1 Supplement. HTML5 provides ñ — the most readable form. Capital is Ñ (Ñ, U+00D1). Essential for Spanish (e.g. niño, señor, año) and also used in Galician, Basque, and Filipino.

Next: Lowercase O

Learn the HTML entity for the letter o — next in this sequence.

Continue tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Lowercase N Right Leg HTML Entity | Lowercase O