
Cercle chromatique Figma
Vous souhaitez explorer des couleurs complémentaires ou analogues pour votre design ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bordeaux pour inspirer votre prochain design.
Le bordeaux est une couleur rouge-pourpre profonde et riche, associée au luxe et à l'élégance. Elle se situe entre le rouge et le violet sur le cercle chromatique. Cette teinte est plus sombre que le bourgogne mais plus claire que la prune. Utilisez le bordeaux pour apporter une touche de sophistication et de chaleur à vos designs.

Le bordeaux est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.
Pour des variations dans le même spectre que le bordeaux, considérez :
Pour compléter le bordeaux, envisagez de l'associer avec :
D'autres couleurs à considérer incluent le beige pour un équilibre neutre et le vert d'eau pour un contraste frais et apaisant.
Bien que le bordeaux soit une teinte riche et profonde qui émane un charme royal, elle peut jurer avec :
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Allure Cramoisie
Jade Blush
Pétale Cramoisi
Contraste 10,12
#7F1734
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 2,07
#7F1734
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #7f1734, connue sous le nom de Bordeaux, a des valeurs RVB de R:127, G:23, B:52 et des valeurs CMJN de C:0, M:82, Y:59, K:50.
| VALUE | CSS | |
|---|---|---|
| HEX | #7f1734 | #7f1734 |
| RGB DECIMAL | 127, 23, 52 | RGB(127,23,52) |
| RGB PERCENTAGE | 49.8, 9.0, 20.4 | RGB(49.8%,9.0%,20.4%) |
| CMYK | 0, 82, 59, 50 | |
| HSL | HSL(343.3, 69.3%, 29.4%) | HSL(343.3, 69.3%, 29.4%) |
| HSV (OR HSB) | 343.3°, 81.9, 49.8 | |
| WEB SAFE | #102051 | #102051 |
| BINARY | 01111111, 00010111, 00110100 | |
| iOS - SwiftUI | Color(red: 0.498, green: 0.090, blue: 0.204) | |
| iOS - UIKit | UIColor(red: 0.498, green: 0.090, blue: 0.204, alpha: 1) | |
| Android - Compose | Color(0xFF7F1734) |

Vous souhaitez explorer des couleurs complémentaires ou analogues pour votre design ?

Adoptez la richesse du rouge carmin.

Faites une déclaration audacieuse avec la couleur rouge.