Cyan farger

navn, HEX, RGB og kontrast

24 cyan farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Lyse

6 farger

lightcyan

CSS-nøkkelord

På hvitt 1.05:1 · Fail

På svart 19.92:1 · AAA

paleturquoise

CSS-nøkkelord

På hvitt 1.29:1 · Fail

På svart 16.29:1 · AAA

powderblue

CSS-nøkkelord

På hvitt 1.43:1 · Fail

På svart 14.65:1 · AAA

lightblue

CSS-nøkkelord

På hvitt 1.53:1 · Fail

På svart 13.74:1 · AAA

pale blue

På hvitt 1.09:1 · Fail

På svart 19.29:1 · AAA

tiffany blue

På hvitt 1.35:1 · Fail

På svart 15.56:1 · AAA

Middels

10 farger

turquoise

CSS-nøkkelord

På hvitt 1.64:1 · Fail

På svart 12.79:1 · AAA

mediumturquoise

CSS-nøkkelord

På hvitt 1.86:1 · Fail

På svart 11.27:1 · AAA

aqua

CSS-nøkkelord

På hvitt 1.25:1 · Fail

På svart 16.75:1 · AAA

cadetblue

CSS-nøkkelord

På hvitt 3.05:1 · AA Large

På svart 6.88:1 · AA

cyan

CSS-nøkkelord

På hvitt 1.25:1 · Fail

På svart 16.75:1 · AAA

lightseagreen

CSS-nøkkelord

På hvitt 2.62:1 · Fail

På svart 8.01:1 · AAA

darkturquoise

CSS-nøkkelord

På hvitt 1.95:1 · Fail

På svart 10.75:1 · AAA

neon blue

På hvitt 1.7:1 · Fail

På svart 12.37:1 · AAA

topaz

På hvitt 2.4:1 · Fail

På svart 8.75:1 · AAA

turquoise blue

På hvitt 2.59:1 · Fail

På svart 8.09:1 · AAA

Mørke

8 farger

darkcyan

CSS-nøkkelord

På hvitt 4.15:1 · AA Large

På svart 5.07:1 · AA

teal

CSS-nøkkelord

På hvitt 4.77:1 · AA

På svart 4.4:1 · AA Large

darkslategray

CSS-nøkkelord

På hvitt 8.93:1 · AAA

På svart 2.35:1 · Fail

darkslategrey

CSS-nøkkelord

På hvitt 8.93:1 · AAA

På svart 2.35:1 · Fail

teal blue

På hvitt 4.18:1 · AA Large

På svart 5.02:1 · AA

sea blue

På hvitt 5.33:1 · AA

På svart 3.94:1 · AA Large

ocean

På hvitt 4.94:1 · AA

På svart 4.25:1 · AA Large

dark teal

På hvitt 9.66:1 · AAA

På svart 2.17:1 · Fail

Kopier hele paletten

Alle cyan fargene på denne siden, klare til å limes inn i prosjektet ditt.

CSS 
:root {
  --lightcyan: #e0ffff;
  --paleturquoise: #afeeee;
  --powderblue: #b0e0e6;
  --lightblue: #add8e6;
  --turquoise: #40e0d0;
  --mediumturquoise: #48d1cc;
  --aqua: #00ffff;
  --cadetblue: #5f9ea0;
  --cyan: #00ffff;
  --lightseagreen: #20b2aa;
  --darkturquoise: #00ced1;
  --darkcyan: #008b8b;
  --teal: #008080;
  --darkslategray: #2f4f4f;
  --darkslategrey: #2f4f4f;
  --pale-blue: #d0fefe;
  --tiffany-blue: #7bf2da;
  --neon-blue: #04d9ff;
  --topaz: #13bbaf;
  --turquoise-blue: #06b1c4;
  --teal-blue: #01889f;
  --sea-blue: #047495;
  --ocean: #017b92;
  --dark-teal: #014d4e;
}
SCSS 
$lightcyan: #e0ffff;
$paleturquoise: #afeeee;
$powderblue: #b0e0e6;
$lightblue: #add8e6;
$turquoise: #40e0d0;
$mediumturquoise: #48d1cc;
$aqua: #00ffff;
$cadetblue: #5f9ea0;
$cyan: #00ffff;
$lightseagreen: #20b2aa;
$darkturquoise: #00ced1;
$darkcyan: #008b8b;
$teal: #008080;
$darkslategray: #2f4f4f;
$darkslategrey: #2f4f4f;
$pale-blue: #d0fefe;
$tiffany-blue: #7bf2da;
$neon-blue: #04d9ff;
$topaz: #13bbaf;
$turquoise-blue: #06b1c4;
$teal-blue: #01889f;
$sea-blue: #047495;
$ocean: #017b92;
$dark-teal: #014d4e;
Tailwind 
theme: {
  extend: {
    colors: {
      "lightcyan": "#e0ffff",
      "paleturquoise": "#afeeee",
      "powderblue": "#b0e0e6",
      "lightblue": "#add8e6",
      "turquoise": "#40e0d0",
      "mediumturquoise": "#48d1cc",
      "aqua": "#00ffff",
      "cadetblue": "#5f9ea0",
      "cyan": "#00ffff",
      "lightseagreen": "#20b2aa",
      "darkturquoise": "#00ced1",
      "darkcyan": "#008b8b",
      "teal": "#008080",
      "darkslategray": "#2f4f4f",
      "darkslategrey": "#2f4f4f",
      "pale-blue": "#d0fefe",
      "tiffany-blue": "#7bf2da",
      "neon-blue": "#04d9ff",
      "topaz": "#13bbaf",
      "turquoise-blue": "#06b1c4",
      "teal-blue": "#01889f",
      "sea-blue": "#047495",
      "ocean": "#017b92",
      "dark-teal": "#014d4e",
    }
  }
}

Bla gjennom andre fargefamilier

Røde Oransje Brune og beige Gule Oliven og gulgrønne Grønne Blå Lilla Rosa Grå og nøytrale
Kopiert

Relaterte kalkulatorer

Fargekonverter — RGB, HEX, HSL og CMYK

Konverter farger mellom RGB, HEX, HSL og CMYK umiddelbart. Nyttig verktøy for webutviklere, designere og fagfolk som jobber med digitale og trykte medier.

Cyan fargenavn

Cyan og turkis opptar fargetone 165–195°, det smale båndet der grønt blir blått. Det rommer turkis, akvamarin og de mørkere blågrønne tonene. Cyan er også en av de fire trykkfargene, og derfor dukker den opp i enhver CMYK-konvertering.

Slik bruker du disse fargene

Turkis har blitt standardfargen for «troverdig, men ikke korporativ», vanlig i helse-, finans- og produktivitetsprodukter som vil unngå generisk blått. Den passer godt med korall og varm oransje i et komplementært skjema, og med sand og krem for noe mykere. Mørkere turkisfarger fungerer godt som primærflater.

Kontrast og tilgjengelighet

Lys akvamarin og turkis stryker som tekst på hvitt, men fungerer godt som bakgrunn med mørk tekst. Mørkere turkisfarger er pålitelige og når ofte AA eller AAA på lyse flater. Cyan på hvitt er en vanlig tilgjengelighetstabbe i lenkestiling — verifiser før du publiserer.