Niagara

Q: How do I use #36A18B in CSS?

You can use #36A18B in CSS with: background-color: #36A18B; or color: #36A18B; or as an RGB value: rgb(54, 161, 139). For print design, use CMYK: 66%, 0%, 14%, 37%.

#36A18B aka “N26 Teal” by N26

Niagara is a cool medium color with the hex code #36A18B. Also known as "N26 Teal" by N26 . This moderately saturated hue can be represented as RGB 54, 161, 139 in digital design or CMYK 66%, 0%, 14%, 37% for print applications. Find matching Pantone color. Currently, 1 brand uses this color in their visual identity, making it a proven choice for professional branding and web design.

Niagara color values

HEX: #36A18B
RGB: 54, 161, 139
HSL: 168°, 50%, 42%
CMYK: 66, 0, 14, 37

Shades & tints

Darker Lighter

About this color

Niagara sits at 168° on the color wheel with 50% saturation and 42% lightness, placing it in the cyan segment of the spectrum. The moderate 50% saturation gives it enough color presence to register clearly without competing for dominance in a composition. Its mid-range lightness positions it as a mid-tone: neither a background color nor a deep accent, but something in between.

In digital environments, Niagara is rendered as rgb(54, 161, 139), where the green channel leads at 161, with red and blue channels close behind. This cool mid-tone is a reliable choice for UI chrome, informational states, and contexts that call for a calm, readable presence.

For print, Niagara translates to a CMYK breakdown of 66C 0M 14Y 37K. With a moderate key (37%), this color uses black to deepen the chromatic channels rather than replace them, a profile that typically holds up well in both offset and digital print. In brand applications, this exact value is specified as N26 Teal.

Color harmonies

Complementary

Analogous

Triadic

Split-Complementary

How to use Niagara

CSS Variable

:root {
  --brand-primary: #36A18B;
  --brand-primary-rgb: 54, 161, 139;
}

Define as a CSS custom property for consistent theming across your site.

Tailwind Config

colors: {
  brand: '#36A18B',
}

Add to your Tailwind config to use classes like bg-brand.

Print Design (CMYK)

C: 66%
M: 0%
Y: 14%
K: 37%

Use these CMYK values in Adobe Illustrator, InDesign, or print specifications.

RGB for Screens

rgb(54, 161, 139)
rgba(54, 161, 139, 0.8)

Use RGB notation for compatibility or add alpha channel for transparency.

Brands using Niagara

1 brand uses this color in their identity

N26

Finance • In-house N26

Brands using similar hue

20 brand s with colors near 168° on the color wheel

Frequently asked questions

What color is #36A18B?

#36A18B is Niagara, a cool medium color with RGB values of 54, 161, 139. It has a hue of 168°, 50% saturation, and 42% lightness in the HSL color space.

What is the RGB value of #36A18B?

The RGB color code for #36A18B is rgb(54, 161, 139). This means it contains 54 red, 161 green, and 139 blue in the RGB color model.

Is Niagara a warm or cool color?

Niagara (#36A18B) is a cool color with a hue between 120-300° on the color wheel.

How do I use #36A18B in CSS?

You can use #36A18B in CSS with: background-color: #36A18B; or color: #36A18B; or as an RGB value: rgb(54, 161, 139). For print design, use CMYK: 66%, 0%, 14%, 37%.