Brune og beige farger

navn, HEX, RGB og kontrast

24 brune og beige farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Middels

16 farger

tan

CSS-nøkkelord

På hvitt 1.97:1 · Fail

På svart 10.65:1 · AAA

goldenrod

CSS-nøkkelord

På hvitt 2.24:1 · Fail

På svart 9.38:1 · AAA

chocolate

CSS-nøkkelord

På hvitt 3.63:1 · AA Large

På svart 5.78:1 · AA

sienna

CSS-nøkkelord

På hvitt 5.62:1 · AA

På svart 3.74:1 · AA Large

darkgoldenrod

CSS-nøkkelord

På hvitt 3.25:1 · AA Large

På svart 6.45:1 · AA

taupe

På hvitt 2.46:1 · Fail

På svart 8.55:1 · AAA

stone

På hvitt 2.47:1 · Fail

På svart 8.51:1 · AAA

light brown

På hvitt 3.48:1 · AA Large

På svart 6.03:1 · AA

golden

På hvitt 1.7:1 · Fail

På svart 12.34:1 · AAA

mocha

På hvitt 4.08:1 · AA Large

På svart 5.14:1 · AA

pumpkin

På hvitt 3.07:1 · AA Large

På svart 6.84:1 · AA

copper

På hvitt 4.37:1 · AA Large

På svart 4.8:1 · AA

burnt orange

På hvitt 4.85:1 · AA

På svart 4.33:1 · AA Large

burnt sienna

På hvitt 5.33:1 · AA

På svart 3.94:1 · AA Large

caramel

På hvitt 4.12:1 · AA Large

På svart 5.1:1 · AA

golden brown

På hvitt 3.7:1 · AA Large

På svart 5.68:1 · AA

Mørke

8 farger

saddlebrown

CSS-nøkkelord

På hvitt 7.1:1 · AAA

På svart 2.96:1 · Fail

umber

På hvitt 4.45:1 · AA Large

På svart 4.72:1 · AA

rust

På hvitt 6.33:1 · AA

På svart 3.32:1 · AA Large

bronze

På hvitt 3.89:1 · AA Large

På svart 5.4:1 · AA

hazel

På hvitt 4.42:1 · AA Large

På svart 4.75:1 · AA

auburn

På hvitt 7.51:1 · AAA

På svart 2.8:1 · Fail

chestnut

På hvitt 10.26:1 · AAA

På svart 2.05:1 · Fail

dark brown

På hvitt 15.99:1 · AAA

På svart 1.31:1 · Fail

Kopier hele paletten

Alle brune og beige fargene på denne siden, klare til å limes inn i prosjektet ditt.

CSS 
:root {
  --tan: #d2b48c;
  --goldenrod: #daa520;
  --chocolate: #d2691e;
  --sienna: #a0522d;
  --darkgoldenrod: #b8860b;
  --saddlebrown: #8b4513;
  --taupe: #b9a281;
  --stone: #ada587;
  --light-brown: #ad8150;
  --golden: #f5bf03;
  --mocha: #9d7651;
  --pumpkin: #e17701;
  --copper: #b66325;
  --burnt-orange: #c04e01;
  --burnt-sienna: #b04e0f;
  --caramel: #af6f09;
  --golden-brown: #b27a01;
  --umber: #b26400;
  --rust: #a83c09;
  --bronze: #a87900;
  --hazel: #8e7618;
  --auburn: #9a3001;
  --chestnut: #742802;
  --dark-brown: #341c02;
}
SCSS 
$tan: #d2b48c;
$goldenrod: #daa520;
$chocolate: #d2691e;
$sienna: #a0522d;
$darkgoldenrod: #b8860b;
$saddlebrown: #8b4513;
$taupe: #b9a281;
$stone: #ada587;
$light-brown: #ad8150;
$golden: #f5bf03;
$mocha: #9d7651;
$pumpkin: #e17701;
$copper: #b66325;
$burnt-orange: #c04e01;
$burnt-sienna: #b04e0f;
$caramel: #af6f09;
$golden-brown: #b27a01;
$umber: #b26400;
$rust: #a83c09;
$bronze: #a87900;
$hazel: #8e7618;
$auburn: #9a3001;
$chestnut: #742802;
$dark-brown: #341c02;
Tailwind 
theme: {
  extend: {
    colors: {
      "tan": "#d2b48c",
      "goldenrod": "#daa520",
      "chocolate": "#d2691e",
      "sienna": "#a0522d",
      "darkgoldenrod": "#b8860b",
      "saddlebrown": "#8b4513",
      "taupe": "#b9a281",
      "stone": "#ada587",
      "light-brown": "#ad8150",
      "golden": "#f5bf03",
      "mocha": "#9d7651",
      "pumpkin": "#e17701",
      "copper": "#b66325",
      "burnt-orange": "#c04e01",
      "burnt-sienna": "#b04e0f",
      "caramel": "#af6f09",
      "golden-brown": "#b27a01",
      "umber": "#b26400",
      "rust": "#a83c09",
      "bronze": "#a87900",
      "hazel": "#8e7618",
      "auburn": "#9a3001",
      "chestnut": "#742802",
      "dark-brown": "#341c02",
    }
  }
}

Bla gjennom andre fargefamilier

Røde Oransje 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.

Brune og beige fargenavn

Brun er ikke en egen fargetone — det er oransje og rødt ved lav lyshet eller lav metning, omtrent fargetone 15–45° med lyshet under 45 % eller metning under 45 %. Derfor har den ingen plass på en vanlig fargesirkel, men trenger likevel sin egen liste. Familien dekker beige, sand, sienna, sjokolade og de dempede jordtonene.

Slik bruker du disse fargene

Brunfarger forankrer paletter som ellers ville føltes kalde. De passer godt med krem, salviegrønn og dempet blå, og er standardvalget for alt som skal minne om tre, lær, kaffe eller håndverk. Fordi de er lite mettede, tåler brunfarger store flater der en mettet farge ville tatt overhånd — de er gode bakgrunns- og flatefarger.

Kontrast og tilgjengelighet

De mørkere brunfargene her er pålitelige tekstfarger på lys bakgrunn og går ofte greit gjennom AA. De lysere sandtonene oppfører seg som off-white og bør behandles som bakgrunn heller enn tekst. Se opp for brune mellomtoner som stryker mot både hvitt og svart — de kan bare brukes som fyll.