Bordeaux ist ein satter, eleganter Farbton, der die Tiefe von Rot mit einem Hauch von Lila vereint. Zwischen Rot und Lila auf dem Farbkreis positioniert, strahlt er Raffinesse und Wärme aus. Ähnliche Nuancen sind Burgunderrot und Merlot. Verwende Bordeaux, um deinen Designs einen Hauch von Luxus und Dramatik zu verleihen.
Bordeaux wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #7B1B38
- RGB-Wert: 48,2 % Rot, 10,6 % Grün, 22,0 % Blau
Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.
Für Variationen im gleichen Spektrum wie Bordeaux, ziehe folgende Farben in Betracht:
- Burgunderrot (#660033): Diese Farbe vermittelt Bordeaux' charakteristische tiefrote Nuance mit einer ähnlichen Balance von Rot und Fülle.
- Rotbraun (#942222): Mit einem erdigen Unterton spiegelt diese Farbe die weinartige Tiefe von Bordeaux mit einem leichten braunen Schimmer wider.
- Dunkelrot (#950606): Diese intensive Nuance fängt die reiche, kräftige Intensität ein, die Bordeaux ähnelt.
- Maroon (#550000): Diese Farbe teilt Bordeaux' Tiefe und Wärme und präsentiert einen vergleichbaren dunkelrotbraunen Ton.
Um Bordeaux zu ergänzen, kombiniere es mit:
- Champagner (#f7e6ca): Champagners warmer, heller Ton bietet einen sanften Kontrast, der Bordeaux' reiche Tiefe hervorhebt und Eleganz bewahrt.
- Schiefergrau (#6d8196): Dieses kühl getönte Neutral bietet einen eleganten Hintergrund, der Bordeaux' Kühnheit zum Strahlen bringt.
- Olivgrün (#636b2f): Das natürliche, gedämpfte Grün balanciert Bordeaux' Intensität aus und schafft einen geerdeten und polierten Look.
- Gold (#efbf04): Gold fügt einen Hauch von Luxus und Wärme hinzu und schafft eine harmonische und hochwertige Palette mit Bordeaux.
- Creme (#fdfbd4): Cremes Weichheit hellt die gesamte Palette auf, betont Bordeaux' Kühnheit und verleiht ein sanftes, einladendes Gefühl.
Obwohl Bordeaux reich und raffiniert ist, kann es mit folgenden Farben im Kontrast stehen:
- Neongrün (#2CFF05): Seine intensive Helligkeit kann Bordeaux überwältigen und einen visuell störenden Kontrast erzeugen.
- Leuchtend Gelb (#FFED29): Dieser lebhafte Ton kann gegen Bordeaux' Tiefe zu stark wirken und zu einer unausgewogenen Kombination führen.
- Knallpink (#FF46A2): Diese lebendige Farbe konkurriert mit Bordeaux und macht die Kombination visuell laut und ohne Kohärenz.
- Cyan (#00FFFF): Der starke Kontrast zu Bordeaux' Wärme kann zu einem dissonanten visuellen Effekt führen.
- Purpurblau (#6A5ACD): Der kühle Unterton von Purpurblau kann mit der warmen Fülle von Bordeaux kollidieren und zu visueller Disharmonie führen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Merlot Blush
Crimson Tropics
Garnet Forest
Kontrastprüfer
Kontrast 10,21
- Großer Text
#7B1B38
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 2,06
- Großer Text
#7B1B38
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #7B1B38, bekannt als Bordeaux, hat die RGB-Werte R:123, G:27, B:56 und die CMYK-Werte C:0, M:78, Y:54, K:52.
| VALUE | CSS | |
|---|---|---|
| HEX | #7B1B38 | #7B1B38 |
| RGB DECIMAL | 123, 27, 56 | RGB(123,27,56) |
| RGB PERCENTAGE | 48.2, 10.6, 22.0 | RGB(48.2%,10.6%,22.0%) |
| CMYK | 0, 78, 54, 52 | |
| HSL | HSL(341.9, 64.0%, 29.4%) | HSL(341.9, 64.0%, 29.4%) |
| HSV (OR HSB) | 341.9°, 78.0, 48.2 | |
| WEB SAFE | #1025151 | #1025151 |
| BINARY | 01111011, 00011011, 00111000 | |
| iOS - SwiftUI | Color(red: 0.482, green: 0.106, blue: 0.220) | |
| iOS - UIKit | UIColor(red: 0.482, green: 0.106, blue: 0.220, alpha: 1) | |
| Android - Compose | Color(0xFF7B1B38) |
