# Teal färgbetydelse och varför varumärken älskar den

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

Teal gör två jobb på en gång: den lugnar som blått och friskar upp som grönt. Den dubbla betydelsen, och att den inte är rent blå, är varför så många hälso-, finans- och teknikvarumärken väljer den.

## The short version

- Betydelsen av färgen teal förenar blåtts lugn, klarhet och förtroende med grönts förnyelse, hälsa och balans.
- Teal har fått sitt namn efter kricka, en liten and vars hanar har ett skimrande grönt fält runt ögat.
- Den namngivna CSS-färgen teal är #008080, en blågrön mellanton med lika delar grönt och blått och inget rött.
- Varumärken väljer teal eftersom den känns lika pålitlig som blått och samtidigt skiljer sig från de många varumärken som redan använder blått.
- Orange och korall är tealens naturliga komplementfärger, och därför är teal och orange en så vanlig kombination i film och design.

Betydelsen av **färgen teal** är lugn med puls: den förenar blåtts förtroende, klarhet och behärskning med grönts förnyelse, hälsa och balans. Teal ser fräsch men allvarlig ut, eftertänksam men inte kall. Den undviker också mängden. Ett varumärke som vill ha blåtts trygghet utan att se ut som varenda bank och mjukvaruföretag har ett färdigt svar i teal, vilket är en stor del av varför den finns inom vård, finans, välmående och teknik.

## Varifrån teal kommer

Färgen har fått sitt namn efter krickan, en liten simand vars hanar har ett brett band av skimrande grönt från ögat bakåt. Ordet började användas som färgnamn på engelska i början av 1900-talet. På skärmar betyder teal lika delar grönt och blått ljus och inget rött, och CSS-nyckelordet `teal` är precis det.

```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;
}
```

Nyckelordet `teal` och en skala i fem steg som du kan klistra in i en stilmall. Steg 700 bär vit text bekvämt.

## Färgpsykologi för teal

De flesta av tealens associationer kommer från vatten och natur: grunt tropiskt hav, lagun, mineralpooler och patinan på gammalt koppar. De bilderna får den att kännas ren, sval, återhämtande och lite värdefull. Som alla färgbetydelser är det inlärda associationer och inte regler, och [färgpsykologi](https://gradiently.design/sv/guide/color-psychology) förklarar varför sammanhanget förskjuter dem.

| Från blått | Från grönt | Tealens egna |
| --- | --- | --- |
| Förtroende | Förnyelse | Klarhet med värme |
| Lugn | Hälsa | Fräsch men vuxen |
| Kompetens | Balans | Varken företagsmässig eller lantlig |
| Djup | Tillväxt | Modern och könsneutral |

Teal lånar av båda föräldrarna och får till slut en egen karaktär.

## Nyanser av teal och vad var och en säger

- Havsskum: #ccfbf1
- Akvateal: #5eead4
- Klar teal: #14b8a6
- CSS-teal: #008080
- Djup teal: #0f766e
- Mörk teal: #134e4a
- Avgrund: #042f2e
- Dammig teal: #5f8f8a

Ljusa teal känns luftiga och kliniska, mörka teal känns rika och stilla och dammig teal känns som inredning och hantverk.

- **Havsskum och akvateal:** friskhet, spa, sommar, tillgänglighet.
- **Klar teal:** energi och optimism med en teknisk udd, bra för appar och instrumentpaneler.
- **Djup och mörk teal:** självförtroende, djup och lyx, ett starkt alternativ till marinblått.
- **Dammig teal:** lugn, vintage och handgjort, fungerar för hemtextil, keramik och caféer.

## Därför älskar varumärken teal

Teal löser ett vanligt varumärkesproblem. Blått är det säkra valet för allt som rör pengar, hälsa eller data, så många konkurrenter använder det redan. Teal behåller det mesta av blåtts trovärdighet och tillför en känsla av omsorg och friskhet, vilket är precis den ton en klinik, en pensionsapp eller en tjänst för välmående vill ha. Den är också fri från den tydliga könskodning som rosa och vissa blå färger bär på.

Det finns ställen där teal passar sämre. Om hela din kategori redan lutar åt teal, som vissa marknader för välmående och tandvård gör, slutar den vara särskiljande och du behöver ett andra signaturelement. Mycket klar teal kan också kännas ung och teknisk, vilket kan skava för en anrik advokatbyrå eller en begravningsbyrå. I de fallen behåller en dammig eller mycket mörk teal lugnet utan startupkänslan. [Så väljer du varumärkesfärger](https://gradiently.design/sv/guide/how-to-choose-brand-colors) har en fullare metod.

Kvadratiskt klinikinlägg på en lugn tealgradient som tillkännager tider samma dag

Teal för en klinik: lugn, ren och pålitlig utan sjukhusblåtts kyla.

Kvadratiskt inlägg för en finansapp på en djuptealfärgad bakgrund med raden Dina besparingar, i en blick

Djup teal för en pengaapp: trovärdig som en bank, men varmare och modernare.

## Så bygger du ett varumärke kring teal

1. **Bestäm hur ljus eller djup** Ljusa teal känns öppna och vänliga, djupa teal känns etablerade. Välj en huvudteal och skriv ner dess hexkod, så att varje fil använder exakt samma färg.
2. **Ge den en textfärg** Kontrollera vilken färg som läses på din huvudteal. Klara teal vill ha nästan svart text, djupa teal tar vit.
3. **Lägg till en varm accent** En korall, orange eller guld i små doser hindrar en tealpalett från att kännas klinisk. Spara den till knappar, priser eller en enda form.
4. **Testa den i tryck tidigt** Mycket klar teal på skärmen kan se märkbart matt ut i tryck. Be om ett provtryck innan du beställer förpackningar eller skyltar, [RGB eller CMYK](https://gradiently.design/sv/guide/rgb-vs-cmyk) förklarar varför.
5. **För in den i bakgrunder** Inlägg i sociala medier och bildspel är där folk oftast ser ett varumärke. En enhetlig tealbakgrund i dem gör mer för igenkänningen än logotypen ensam.

## Färger som passar till teal

Tealens komplement ligger i orange- och korallområdet, så varma accenter får den att lysa. Samma motsats ligger bakom den välkända färgbehandlingen med teal och orange i film, där kalla skuggor lyfter fram varm hud. För lugnare paletter håller du teal till sina grannar, marinblått och salvia, som i [analoga färger](https://gradiently.design/sv/guide/analogous-colors).

- Teal till orange: `linear-gradient(135deg, #134e4a 0%, #0f766e 50%, #f97316 100%)`
- Havsskum till djup teal: `linear-gradient(160deg, #ccfbf1 0%, #5eead4 50%, #0f766e 100%)`
- Lagun om natten: `radial-gradient(circle at 70% 30%, #14b8a6 0%, #134e4a 50%, #042f2e 100%)`
- Teal och korall: `linear-gradient(135deg, #0f766e 0%, #fb7185 100%)`

Teal med sina varma komplement och med sina egna djupare nyanser. Mer i [tealgradienter](https://gradiently.design/sv/guide/teal-gradient).

### Undvik

- Vit text på klar teal `#14b8a6`: ungefär 2,5:1
- Vit text på `#0d9488`: ungefär 3,7:1, fortfarande under 4,5:1
- Teal rakt över i rött, som blir grumligt i mitten

### Gör så här

- Nästan svart text på klar teal, runt 8:1
- Vit text på djup teal `#0f766e`, ungefär 5,5:1
- Blanda teal via marinblått eller grönt, inte tvärs över hjulet

Kontrollera dina egna par med metoden i [färgkontrast och tillgänglighet](https://gradiently.design/sv/guide/color-contrast-accessibility), och se [turkosa gradienter](https://gradiently.design/sv/guide/turquoise-gradient) om du vill ha en ljusare, soligare version av samma familj. När du vill ha en teal som bara är din, sök i Marknaden på Gradiently efter ”deep teal”: varje Mark har en ägare i taget och håller din text läsbar medan den rör sig.

## FAQ

### Vad betyder färgen teal?

Teal betyder lugn, klarhet och förtroende från blått, tillsammans med förnyelse, hälsa och balans från grönt. Den ser fräsch och modern ut men fortfarande allvarlig.

### Vad är hexkoden för teal?

Den namngivna CSS-färgen teal är #008080. Varumärken använder ofta ljusare eller djupare versioner, som #14b8a6 eller #0f766e.

### Är teal blå eller grön?

Båda. Teal är en blågrön färg, som på skärmen skapas av lika delar grönt och blått ljus och inget rött.

### Vilken färg passar bäst till teal?

Orange och korall är dess komplement och får den att lysa. Marinblått, salvia, crème och guld ger lugnare, mer eleganta kombinationer.

### Vad symboliserar mörk teal?

Mörk teal antyder djup, självförtroende och tyst lyx. Många varumärken använder den som ett varmare, mer särpräglat alternativ till marinblått.