# Betydningen av blågrønn og hvorfor merkevarer liker den

[Canonical HTML page](https://gradiently.design/nb/guide/teal-color-meaning)

Blågrønn gjør to jobber samtidig: den roer som blått og frisker opp som grønt. Denne doble betydningen, og at den ikke bare er blå, gjør den populær innen helse, økonomi og teknologi.

## The short version

- Betydningen av blågrønn kombinerer blått med ro, klarhet og tillit, og grønt med fornyelse, helse og balanse.
- Det engelske navnet teal kommer fra krikkanden, en liten and der hannene har et iriserende grønt felt ved øyet.
- CSS-fargen teal er #008080, en mellomtone av blågrønn laget av like deler grønt og blått uten rødt.
- Merkevarer velger blågrønn fordi den virker trygg som blått, men skiller seg fra alle merkevarene som allerede bruker blått.
- Oransje og korall er naturlige komplementærfarger til blågrønn, og derfor er kombinasjonen så vanlig i film og design.

**Betydningen av blågrønn** er ro med puls: den kobler blått med tillit, klarhet og besindighet, og grønt med fornyelse, helse og balanse. Blågrønn virker frisk, men seriøs, gjennomtenkt, men ikke kald. Den unngår også mengden. En merkevare som vil ha tryggheten fra blått uten å ligne alle banker og programvareselskaper, har et godt svar i blågrønn. Det er en viktig grunn til at den brukes innen helse, finans, velvære og teknologi.

## Hvor blågrønn kommer fra

Fargens engelske navn kommer fra krikkanden, en liten gressand der hannene har et bredt, iriserende grønt bånd fra øyet bakover. Ordet kom i bruk som engelsk fargenavn tidlig på 1900-tallet. På skjermer betyr teal like deler grønt og blått lys uten rødt. CSS-nøkkelordet `teal` er nøyaktig dette.

```css
:root {
  /* The CSS named colour */
  --teal: teal; /* #008080, rgb(0 128 128) */

  /* A practical brand scale */
  --teal-100: #ccfbf1;
  --teal-300: #5eead4;
  --teal-500: #14b8a6;
  --teal-700: #0f766e;
  --teal-900: #134e4a;
}
```

Nøkkelordet `teal` og en femtrinnsskala du kan lime inn i et stilark. Trinnet på 700 bærer hvit tekst godt.

## Fargepsykologi for blågrønn

De fleste assosiasjonene til blågrønn kommer fra vann og natur: grunt tropisk hav, laguner, mineralbassenger og patina på gammelt kobber. Bildene får fargen til å virke ren, kjølig, restituerende og litt kostbar. Som alle fargebetydninger er dette lærte assosiasjoner fremfor regler. [Fargepsykologi](https://gradiently.design/nb/guide/color-psychology) forklarer hvordan sammenhengen endrer dem.

| Fra blått | Fra grønt | Blågrønns eget |
| --- | --- | --- |
| Tillit | Fornyelse | Klarhet med varme |
| Ro | Helse | Frisk, men voksen |
| Kompetanse | Balanse | Verken bedriftsaktig eller rustikk |
| Dybde | Vekst | Moderne og kjønnsnøytral |

Blågrønn låner fra begge opphavsfargene og får en egen karakter.

## Blågrønne toner og hva de sier

- Sjøskum: #ccfbf1
- Akvablågrønn: #5eead4
- Klar blågrønn: #14b8a6
- CSS teal: #008080
- Dyp blågrønn: #0f766e
- Mørk blågrønn: #134e4a
- Avgrunn: #042f2e
- Støvet blågrønn: #5f8f8a

Lyse blågrønne toner virker luftige og kliniske, mørke virker fyldige og stille, og støvet blågrønn minner om interiør og håndverk.

- **Sjøskum og akvablågrønn:** friskhet, spa, sommer og tilgjengelighet.
- **Klar blågrønn:** energi og optimisme med teknisk preg, godt for apper og kontrollpaneler.
- **Dyp og mørk blågrønn:** selvsikkerhet, dybde og luksus, et sterkt alternativ til marineblått.
- **Støvet blågrønn:** ro, vintage og håndlaget, godt til interiør, keramikk og kafeer.

## Hvorfor merkevarer liker blågrønn

Blågrønn løser et vanlig profileringsproblem. Blått er det trygge valget for alt som gjelder penger, helse eller data, så mange konkurrenter bruker det allerede. Blågrønn beholder mye av blåfargens troverdighet og tilfører omsorg og friskhet, akkurat tonen en klinikk, pensjonsapp eller velværetjeneste ønsker. Den har heller ikke den sterke kjønnskodingen som rosa og noen blåtoner har.

Noen steder passer blågrønn dårligere. Hvis hele kategorien allerede trekker mot blågrønn, som i deler av velvære- og tannhelsemarkedet, slutter den å skille seg ut, og du trenger et annet signaturtrekk. Svært klar blågrønn kan også virke ung og teknologipreget, noe som kan kollidere med et tradisjonsrikt advokatfirma eller begravelsesbyrå. Da beholder en støvet eller svært mørk variant roen uten oppstartspreget. [Velg merkevarefarger](https://gradiently.design/nb/guide/how-to-choose-brand-colors) gir en grundigere metode.

Et kvadratisk klinikkinnlegg på rolig blågrønn gradient som tilbyr time samme dag

Blågrønn for en klinikk: rolig, ren og trygg uten kulden fra sykehusblått.

Et kvadratisk finansappinnlegg på dyp blågrønn bakgrunn med Sparingen din i ett blikk

Dyp blågrønn for en økonomiapp: troverdig som en bank, men varmere og mer moderne.

## Bygg en merkevare rundt blågrønn

1. **Bestem hvor lys eller dyp** Lyse blågrønne toner virker åpne og vennlige. Dype toner virker etablerte. Velg én hovedtone og skriv ned hex-koden, så alle filer bruker nøyaktig samme farge.
2. **Gi den en tekstfarge** Sjekk hvilken tekstfarge som leses på hovedtonen. Klar blågrønn trenger nesten svart skrift. Dyp blågrønn tåler hvitt.
3. **Legg til en varm aksent** Én korall, oransje eller gull i små doser hindrer at paletten virker klinisk. Bruk den til knapper, priser eller én form.
4. **Test tidlig på trykk** Svært klare blågrønne skjermfarger kan bli merkbart mattere på trykk. Be om et prøvetrykk før du bestiller emballasje eller skilt. [RGB og CMYK](https://gradiently.design/nb/guide/rgb-vs-cmyk) forklarer hvorfor.
5. **Før den inn i bakgrunner** Sosiale innlegg og presentasjoner er der folk ser merkevaren oftest. En konsekvent blågrønn bakgrunn bidrar mer til gjenkjennelse enn logoen alene.

## Farger som passer til blågrønn

Komplementærfargen ligger i området oransje og korall, så varme aksenter får blågrønn til å gløde. Motsetningen ligger også bak kjent blågrønn og oransje fargegradering i film, der kjølige skygger fremhever varm hud. For roligere paletter, hold blågrønn sammen med naboene marineblått og salvie, som i [analoge farger](https://gradiently.design/nb/guide/analogous-colors).

- Blågrønn til oransje: `linear-gradient(135deg, #134e4a 0%, #0f766e 50%, #f97316 100%)`
- Sjøskum til dyp blågrønn: `linear-gradient(160deg, #ccfbf1 0%, #5eead4 50%, #0f766e 100%)`
- Lagune om natten: `radial-gradient(circle at 70% 30%, #14b8a6 0%, #134e4a 50%, #042f2e 100%)`
- Blågrønn og korall: `linear-gradient(135deg, #0f766e 0%, #fb7185 100%)`

Blågrønn med varme komplementærfarger og egne dypere toner. Mer i [blågrønne gradienter](https://gradiently.design/nb/guide/teal-gradient).

### Unngå

- Hvit tekst på klar blågrønn `#14b8a6`: omtrent 2,5:1
- Hvit tekst på `#0d9488`: omtrent 3,7:1, fortsatt under 4,5:1
- Blågrønn rett til rødt, som blir grumsete i midten

### Gjør

- Nesten svart tekst på klar blågrønn, rundt 8:1
- Hvit tekst på dyp blågrønn `#0f766e`, omtrent 5,5:1
- Bland blågrønn gjennom marineblått eller grønt, ikke tvers over sirkelen

Sjekk egne par med metoden i [fargekontrast og tilgjengelighet](https://gradiently.design/nb/guide/color-contrast-accessibility), og se [turkise gradienter](https://gradiently.design/nb/guide/turquoise-gradient) for en lysere, mer solfylt versjon av samme familie. Vil du ha et blågrønt uttrykk som bare er ditt, søk etter «deep teal» på Markedet i Gradiently. Hver Mark har én eier om gangen og holder teksten lesbar mens den beveger seg.

## FAQ

### Hva betyr fargen blågrønn?

Blågrønn betyr ro, klarhet og tillit fra blått sammen med fornyelse, helse og balanse fra grønt. Den virker frisk og moderne, men fortsatt seriøs.

### Hva er hex-koden for blågrønn?

CSS-fargen teal er #008080. Merkevarer bruker ofte lysere eller dypere versjoner, som #14b8a6 eller #0f766e.

### Er blågrønn blå eller grønn?

Begge deler. Blågrønn lages på skjerm av like deler grønt og blått lys uten rødt.

### Hvilken farge passer best til blågrønn?

Oransje og korall er komplementærfargene og får den til å gløde. Marineblått, salvie, krem og gull gir roligere, mer elegante kombinasjoner.

### Hva symboliserer mørk blågrønn?

Mørk blågrønn antyder dybde, selvsikkerhet og stille luksus. Mange merkevarer bruker den som et varmere, mer særpreget alternativ til marineblått.