Røde farger

navn, HEX, RGB og kontrast

35 røde farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Lyse

8 farger

mistyrose

CSS-nøkkelord

På hvitt 1.2:1 · Fail

På svart 17.44:1 · AAA

pink

CSS-nøkkelord

På hvitt 1.54:1 · Fail

På svart 13.65:1 · AAA

lightpink

CSS-nøkkelord

På hvitt 1.65:1 · Fail

På svart 12.71:1 · AAA

lightcoral

CSS-nøkkelord

På hvitt 2.59:1 · Fail

På svart 8.1:1 · AAA

salmon

CSS-nøkkelord

På hvitt 2.5:1 · Fail

På svart 8.4:1 · AAA

pale rose

På hvitt 1.54:1 · Fail

På svart 13.61:1 · AAA

rose pink

På hvitt 2.36:1 · Fail

På svart 8.89:1 · AAA

salmon pink

På hvitt 2.52:1 · Fail

På svart 8.34:1 · AAA

Middels

19 farger

rosybrown

CSS-nøkkelord

På hvitt 2.81:1 · Fail

På svart 7.46:1 · AAA

tomato

CSS-nøkkelord

På hvitt 2.95:1 · Fail

På svart 7.13:1 · AAA

indianred

CSS-nøkkelord

På hvitt 3.98:1 · AA Large

På svart 5.28:1 · AA

red

CSS-nøkkelord

På hvitt 4:1 · AA Large

På svart 5.25:1 · AA

crimson

CSS-nøkkelord

På hvitt 4.99:1 · AA

På svart 4.21:1 · AA Large

firebrick

CSS-nøkkelord

På hvitt 6.68:1 · AA

På svart 3.14:1 · AA Large

brown

CSS-nøkkelord

På hvitt 7.08:1 · AAA

På svart 2.96:1 · Fail

coral pink

På hvitt 2.94:1 · Fail

På svart 7.14:1 · AAA

dusty pink

På hvitt 2.66:1 · Fail

På svart 7.89:1 · AAA

melon

På hvitt 2.6:1 · Fail

På svart 8.07:1 · AAA

dusty rose

På hvitt 3.51:1 · AA Large

På svart 5.97:1 · AA

rose

På hvitt 3.71:1 · AA Large

På svart 5.66:1 · AA

strawberry

På hvitt 3.82:1 · AA Large

På svart 5.5:1 · AA

neon red

På hvitt 3.93:1 · AA Large

På svart 5.34:1 · AA

red orange

På hvitt 3.6:1 · AA Large

På svart 5.83:1 · AA

dark rose

På hvitt 5.19:1 · AA

På svart 4.05:1 · AA Large

cherry

På hvitt 5.66:1 · AA

På svart 3.71:1 · AA Large

brick

På hvitt 6.89:1 · AA

På svart 3.05:1 · AA Large

scarlet

På hvitt 6.55:1 · AA

På svart 3.21:1 · AA Large

Mørke

8 farger

darkred

CSS-nøkkelord

På hvitt 10.01:1 · AAA

På svart 2.1:1 · Fail

maroon

CSS-nøkkelord

På hvitt 10.95:1 · AAA

På svart 1.92:1 · Fail

deep red

På hvitt 8.81:1 · AAA

På svart 2.38:1 · Fail

blood red

På hvitt 8.99:1 · AAA

På svart 2.34:1 · Fail

brick red

På hvitt 9.26:1 · AAA

På svart 2.27:1 · Fail

dark red

På hvitt 10.6:1 · AAA

På svart 1.98:1 · Fail

claret

På hvitt 13.11:1 · AAA

På svart 1.6:1 · Fail

mahogany

På hvitt 16.21:1 · AAA

På svart 1.3:1 · Fail

Kopier hele paletten

Alle røde fargene på denne siden, klare til å limes inn i prosjektet ditt.

CSS 
:root {
  --mistyrose: #ffe4e1;
  --pink: #ffc0cb;
  --lightpink: #ffb6c1;
  --lightcoral: #f08080;
  --salmon: #fa8072;
  --rosybrown: #bc8f8f;
  --tomato: #ff6347;
  --indianred: #cd5c5c;
  --red: #ff0000;
  --crimson: #dc143c;
  --firebrick: #b22222;
  --brown: #a52a2a;
  --darkred: #8b0000;
  --maroon: #800000;
  --pale-rose: #fdc1c5;
  --rose-pink: #f7879a;
  --salmon-pink: #fe7b7c;
  --coral-pink: #ff6163;
  --dusty-pink: #d58a94;
  --melon: #ff7855;
  --dusty-rose: #c0737a;
  --rose: #cf6275;
  --strawberry: #fb2943;
  --neon-red: #ff073a;
  --red-orange: #fd3c06;
  --dark-rose: #b5485d;
  --cherry: #cf0234;
  --brick: #a03623;
  --scarlet: #be0119;
  --deep-red: #9a0200;
  --blood-red: #980002;
  --brick-red: #8f1402;
  --dark-red: #840000;
  --claret: #680018;
  --mahogany: #4a0100;
}
SCSS 
$mistyrose: #ffe4e1;
$pink: #ffc0cb;
$lightpink: #ffb6c1;
$lightcoral: #f08080;
$salmon: #fa8072;
$rosybrown: #bc8f8f;
$tomato: #ff6347;
$indianred: #cd5c5c;
$red: #ff0000;
$crimson: #dc143c;
$firebrick: #b22222;
$brown: #a52a2a;
$darkred: #8b0000;
$maroon: #800000;
$pale-rose: #fdc1c5;
$rose-pink: #f7879a;
$salmon-pink: #fe7b7c;
$coral-pink: #ff6163;
$dusty-pink: #d58a94;
$melon: #ff7855;
$dusty-rose: #c0737a;
$rose: #cf6275;
$strawberry: #fb2943;
$neon-red: #ff073a;
$red-orange: #fd3c06;
$dark-rose: #b5485d;
$cherry: #cf0234;
$brick: #a03623;
$scarlet: #be0119;
$deep-red: #9a0200;
$blood-red: #980002;
$brick-red: #8f1402;
$dark-red: #840000;
$claret: #680018;
$mahogany: #4a0100;
Tailwind 
theme: {
  extend: {
    colors: {
      "mistyrose": "#ffe4e1",
      "pink": "#ffc0cb",
      "lightpink": "#ffb6c1",
      "lightcoral": "#f08080",
      "salmon": "#fa8072",
      "rosybrown": "#bc8f8f",
      "tomato": "#ff6347",
      "indianred": "#cd5c5c",
      "red": "#ff0000",
      "crimson": "#dc143c",
      "firebrick": "#b22222",
      "brown": "#a52a2a",
      "darkred": "#8b0000",
      "maroon": "#800000",
      "pale-rose": "#fdc1c5",
      "rose-pink": "#f7879a",
      "salmon-pink": "#fe7b7c",
      "coral-pink": "#ff6163",
      "dusty-pink": "#d58a94",
      "melon": "#ff7855",
      "dusty-rose": "#c0737a",
      "rose": "#cf6275",
      "strawberry": "#fb2943",
      "neon-red": "#ff073a",
      "red-orange": "#fd3c06",
      "dark-rose": "#b5485d",
      "cherry": "#cf0234",
      "brick": "#a03623",
      "scarlet": "#be0119",
      "deep-red": "#9a0200",
      "blood-red": "#980002",
      "brick-red": "#8f1402",
      "dark-red": "#840000",
      "claret": "#680018",
      "mahogany": "#4a0100",
    }
  }
}

Bla gjennom andre fargefamilier

Oransje Brune og beige Gule Oliven og gulgrønne Grønne Cyan 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.

Røde fargenavn

Rød ligger i begge ender av fargesirkelen, omtrent 345–15°. Det er familien som fanger mest oppmerksomhet på skjerm, og derfor dominerer den feilmeldinger, salgsmerker og varselikoner. De navngitte rødfargene her går fra blek laks og lys korall via teglrød og karmosinrød ned til mørk vinrød.

Slik bruker du disse fargene

Rødt passer naturlig med krem og off-white bakgrunner, og med dyp marineblå eller koksgrå når du trenger kontrast uten å gå monokromt. Behold mettet rødt til én aksent per skjerm — spredt over store flater leses det som alarm heller enn vektlegging. For destruktive knapper velger du en rød med minst 4,5:1 mot bakgrunnen, og sparer de klareste tonene til ikoner og kantlinjer.

Kontrast og tilgjengelighet

De fleste røde mellomtoner stryker på WCAG AA som tekst på hvitt, så sjekk forholdene over før du bruker en til brødtekst. Rød-grønn fargeblindhet rammer rundt 8 % av menn, så kod aldri mening i rødt alene — kombiner det med et ikon, en etikett eller et mønster. De mørkere rødfargene i denne listen er de tryggeste valgene for tekst.