# Bordeauxgradient: rika vin- och maroonkoder

[Canonical HTML page](https://gradiently.design/sv/guide/maroon-gradient)

Bordeaux är rött som har blivit vuxet. Det läses som vin, sammet och gamla bibliotek, och det blir brunt så fort du blandar slarvigt. De här koderna håller sig rika.

## The short version

- En bordeauxgradient blandar djupa, lilaaktiga röda toner som #800020, #7f1d3a och #4a0e1f, ofta mot nästan svart, rosa, skär eller guld.
- Bordeaux lutar åt lila och maroon lutar åt brunt, och den lilla skillnaden avgör om en gradient känns som vin eller som rost.
- Bordeauxgradienter blir grumliga när de blandas in i grönt, olivgrönt eller varmt grått, så gå i stället via rosa, plommon eller nästan svart.
- Text i krämvitt och varmt off-white läses mycket bra på bordeaux, och guld fungerar som accent men inte som brödtext.
- Bordeaux passar vin, restaurangbranschen, skönhet, höst- och vinterkampanjer, inbjudningar och varje varumärke som vill ha rött utan brådska.

En **bordeauxgradient** blandar djupa, lätt lila röda toner: klassisk bordeaux `#800020`, vin `#7f1d3a` och mörkt oxblod `#4a0e1f`, oftast gradient mot nästan svart, mjukare mot rosa och skär, eller upplyst med en touch guld. Knepet för att hålla den rik är att bara blanda bordeaux med sina släktingar, röda toner, rosor, plommon och mycket mörkt brunt, och att ge den en kräm- eller guldfärgad partner i stället för vitt. Nedan hittar du koderna, skillnaderna mellan bordeaux, maroon och vin och de textfärger som fungerar.

## Bordeaux, maroon, vin och oxblod: vad är skillnaden

Folk använder namnen lösligt, men de lutar åt olika håll, och riktningen spelar roll när du bygger en gradient. Bordeaux och vin lutar åt lila, så de blandas elegant med plommon och rosa. Maroon och oxblod lutar åt brunt, så de passar bra med läder, beige och mässing. Om din gradient ser ut som rost har du förmodligen blandat ett brunt maroon med en kall rosa.

- Källare: #2a0a12
- Oxblod: #4a0e1f
- Maroon: #800000
- Bordeaux: #800020
- Vin: #7f1d3a
- Granat: #9f1239
- Dammrosa: #be7c8c
- Skär: #e8b4b8

Den djupröda familjen från källarmörker till skär. Maroon är den brunaste i uppsättningen, medan vin och granat är de lilaaktigaste.

## Koder för djup bordeauxgradient

De mest användbara bordeauxgradienterna är mörka: en nästan svart botten med vinfärgat ljus som stiger genom den. De känns dyra eftersom det finns väldigt lite klar färg, och det som finns glöder. Håll det ljusaste röda borta från där orden ska sitta.

- Källare till bordeaux: `linear-gradient(160deg, #2a0a12 0%, #4a0e1f 45%, #800020 100%)`
- Vin i levande ljus: `radial-gradient(circle at 70% 25%, #9f1239 0%, #4a0e1f 40%, #14050a 80%)`
- Maroonläder: `linear-gradient(135deg, #800000 0%, #4a0e1f 55%, #1c0a08 100%)`
- Sammetsridå: `radial-gradient(ellipse at 50% 100%, #7f1d3a 0%, #3b0a1c 45%, #0f0508 85%)`

Fyra mörka bordeauxgradienter. Var och en samlar sitt ljusaste röda på ett ställe och lämnar en stilla mörk yta för text.

De ligger nära den mörkare änden av [röda gradienter](https://gradiently.design/sv/guide/red-gradient), men med mindre eld och mer djup. Mörkt rött får lätt banding i komprimerade bilder, så lägg på lite korn innan du exporterar.

## Bordeaux med guld, skär och plommon

Bordeaux fungerar sällan ensamt särskilt länge. Dess klassiska partner ändrar var och en stämningen. Guld gör den formell och festlig. Skär gör den romantisk och mjuk. Plommon gör den dyster och modern. Marinblått, placerat bredvid snarare än inblandat, gör den akademisk.

- Bordeaux och guld: `linear-gradient(135deg, #4a0e1f 0%, #800020 82%, #d4a24c 100%)`
- Vin till skär: `linear-gradient(180deg, #7f1d3a 0%, #be7c8c 55%, #f5dede 100%)`
- Plommon till bordeaux: `linear-gradient(120deg, #3b0764 0%, #6b1d4a 50%, #800020 100%)`
- Ros i mörkret: `radial-gradient(circle at 20% 80%, #e8b4b8 0%, #9f1239 40%, #2a0a12 85%)`

Bordeaux med sina fyra bästa följeslagare. Guld förblir en kort kant, och de andra blandningarna håller sig till röda, rosa och lila toner, så att inget blir brunt.

Paret bordeaux och guld är lättast att överdriva. Håll guldet till en strimma vid en kant eller till texten, så läses det som fint vin i stället för maskeraddräkt. För mer om mörkt guld, se [svarta och guldiga gradienter](https://gradiently.design/sv/guide/black-and-gold-gradient).

## Så hindrar du en bordeauxgradient från att bli brun

1. **Välj riktning: lila eller brun** Bestäm om din bordeaux lutar åt vin eller åt läder, och låt varje färg i gradienten luta åt samma håll.
2. **Mörkna mot nästan svart, inte grått** En bordeaux som tonar mot ett varmt grått ser dammig ut. Tona mot ett rödtonat svart som `#14050a` så förblir den rik.
3. **Blanda aldrig in grönt eller olivgrönt** Grönt ligger mitt emot rött på färghjulet, så mitten av blandningen blir gråbrun. [Grumliga gradienter](https://gradiently.design/sv/guide/muddy-gradients) visar effekten.
4. **Ljusna med rosa, inte orange** För att göra bordeaux ljusare, gå via granat och dammrosa. Orange drar den mot rost.
5. **Lägg till fint korn** Djupa röda toner komprimeras dåligt och får banding i steg. Ett lätt brusskikt håller ytan len och får den att kännas som sammet eller papper.

## Textfärger på en bordeauxgradient

Bordeaux är så mörkt att ljus text läses enkelt på nästan hela ytan. Rent vitt kan dock kännas skarpt, och ett varmt krämvitt håller hela designen mjuk. Guld läses bra på de mörkaste röda tonerna och är fint för ett namn eller ett datum, men använd det i stora storlekar. Förhållandena nedan följer WCAG-formeln, där 4,5:1 är det vanliga minimet för liten text.

| Bakgrund | Text | Kontrast | Använd till |
| --- | --- | --- | --- |
| Bordeaux `#800020` | Vit `#ffffff` | 10,8:1 | All text |
| Vin `#7f1d3a` | Krämvit `#fdf2e9` | 8,9:1 | All text, mjukare känsla |
| Oxblod `#4a0e1f` | Krämvit `#fdf2e9` | 13,9:1 | All text |
| Källare `#2a0a12` | Guld `#d4a24c` | 7,9:1 | Namn, datum, rubriker |
| Skär `#e8b4b8` | Oxblod `#4a0e1f` | 8,5:1 | Mörk text på den ljusa änden |
| Dammrosa `#be7c8c` | Vit `#ffffff` | 3,3:1 | Bara stora rubriker |

Om din gradient går från bordeaux till skär måste orden hålla sig på ena änden eller byta färg där de korsar.

Ett stående eventinlägg för en vinprovningskväll med krämvita bokstäver över en mörk bordeauxgradient

Ett inlägg för en vinbar på en djup bordeauxbotten med krämvit text.

En spara-datumet-inbjudan där bordeaux tonar till skär med mörka bokstäver på den ljusa änden

En inbjudan i 5×7 tum där bordeaux mjuknar till skär.

Båda designerna håller sina ord på ena änden av blandningen. [Text på en gradient](https://gradiently.design/sv/guide/text-on-gradient) förklarar hur du hanterar en rad som måste korsa från mörkt till ljust.

## En bordeauxgradient som bakgrund i CSS

```css
.section--wine {
  background-color: #2a0a12;
  background-image:
    radial-gradient(circle at 75% 20%, #9f1239 0%, transparent 45%),
    radial-gradient(circle at 10% 95%, #4a0e1f 0%, transparent 55%),
    linear-gradient(160deg, #2a0a12 0%, #800020 100%);
  color: #fdf2e9;
}

.section--wine .accent {
  color: #d4a24c;
}
```

En mörk källarbotten, granatfärgat ljus uppe till höger, oxblodsskugga nere till vänster, krämvit text och en guldaccent.

Lagrade radiella gradienter över en linjär bas ger bordeaux tygets djup i stället för en fyllnings platthet. Samma idé mer i detalj finns i [radiella CSS-gradienter](https://gradiently.design/sv/guide/css-radial-gradient).

## Där bordeaux fungerar

Bordeaux bär rödas värme utan dess brådska, och därför syns den sällan på reabanderoller men ofta på menyer, inbjudningar och etiketter. Den passar vinbarer och restauranger, skönhet och parfym, bokhandlar, universitet, vinter- och högtidskampanjer och höstkollektioner. Den passar också naturligt ihop med [jordtonspaletterna](https://gradiently.design/sv/guide/earth-tone-colors) som många livsstilsvarumärken använder, som den djupa accenten bland beigetoner och olivgrönt.

Om du vill ha en djupröd look som verkligen är din i stället för en hexkod som vem som helst kan kopiera, bläddra bland bordeaux- och vinfärgade Marks på Gradientlys Marknad genom att skriva ett färgord som ”vin”. Varje Mark är unik, ritas i varje storlek du behöver och håller dina ord läsbara på sina mörkaste och ljusaste delar.

## FAQ

### Vilken hexkod har bordeaux?

Klassisk bordeaux är `#800020`. Vin ligger kring `#7f1d3a` och mörkare oxblod kring `#4a0e1f`.

### Vad är skillnaden mellan bordeaux och maroon?

Bordeaux lutar något åt lila, som rött vin. Maroon, `#800000`, lutar något åt brunt. Den skillnaden avgör vilka färger var och en blandas bra med.

### Vilka färger passar till en bordeauxgradient?

Guld, skär, dammrosa, plommon, krämvitt och nästan svart fungerar alla. Marinblått fungerar bredvid bordeaux, men undvik att blanda in den i grönt eller olivgrönt, som blir grumligt.

### Vilken textfärg passar på bordeaux?

Krämvitt eller vitt läses mycket bra på bordeaux, med omkring 9:1 till 11:1 i kontrast. Guld passar rubriker och namn på de mörkaste röda tonerna.

### Varför ser min bordeauxgradient brun ut?

Den blandas förmodligen in i orange, olivgrönt eller ett varmt grått, eller blandar ett brunt maroon med en kall rosa. Låt varje stopp luta åt samma håll och tona mot ett rödtonat svart.