La cornaline est une teinte rouge-orangé chaleureuse et vivifiante, connue pour son ambiance dynamique. Elle se situe près du rouge et de l'orange sur le cercle chromatique et évoque des pierres précieuses flamboyantes. Des nuances apparentées incluent le jaspe et le cuivre. Utilisez la cornaline dans vos designs pour apporter du dynamisme et de la chaleur, et faire ressortir vos visuels !
La cornaline est définie par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code Hex : #B31B1B
- Valeur RVB : 70,2 % rouge, 10,6 % vert, 10,6 % bleu
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 la cornaline, envisagez :
- Le vermillon (#e73121) : Le vermillon partage la teinte rouge-orangé chaleureuse de la cornaline, incarnant une énergie et une intensité similaires.
- Le cinabre (#e84b3d) : Avec sa riche tonalité rouge-orangé, le cinabre résonne étroitement avec la cornaline, capturant son essence chaleureuse et vivante.
- Le rouge-orangé (#ff4b33) : Le rouge-orangé s'aligne avec le caractère audacieux et flamboyant de la cornaline, offrant un mélange vif de rouge et d'orange qui reflète la vivacité de la pierre précieuse.
- La terracotta (#e35336) : La terracotta reflète la chaleur terreuse de la cornaline, offrant une palette rouge-orangé atténuée qui reste fidèle à l'aura naturelle de la pierre.
Pour compléter la cornaline, envisagez de l'associer avec :
- Le bleu canard (#069494) : Les tons frais du bleu canard créent un contraste saisissant avec la chaleur de la cornaline, résultant en un schéma de couleurs équilibré et vibrant.
- Le champagne (#F7E6CA) : Le champagne offre un fond doux et neutre qui permet à la cornaline de se démarquer, créant une palette raffinée et élégante.
- Le vert forêt (#2E6F40) : La profondeur riche du vert forêt complète la chaleur de la cornaline, renforçant l'aspect naturel et terreux global.
- La pêche (#FFD3AC) : La pêche apporte une touche douce, harmonisant avec la cornaline pour créer une palette de couleurs cohérente et chaleureuse.
Bien que la cornaline soit un rouge-orangé riche et profond, elle peut entrer en dissonance avec :
- Le vert émeraude (#50C878) : Ce vert vif contraste fortement avec la chaleur de la cornaline, menant à une disharmonie visuelle frappante.
- Le rose néon (#FF13F0) : Les deux couleurs rivalisent pour attirer l'attention en raison de leur intensité vibrante, créant une palette visuellement écrasante.
- Le cyan (#00FFFF) : Ce ton frais et lumineux contraste nettement avec la chaleur de la cornaline, produisant un effet dur et déséquilibré.
- L'orange vif (#FF991C) : La proximité dans le spectre des couleurs les amène à rivaliser plutôt qu'à se compléter, résultant en un manque de profondeur visuelle.
- Le bleu royal (#305CDE) : Son ton bleu profond et audacieux peut dominer la cornaline, perturbant l'équilibre riche et l'harmonie désirée dans une palette.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Épice cramoisie
Éclat d'épices
Réjouissance cramoisie
Vérificateur de contraste
Contraste 6,8
- Texte en grand format
#B31B1B
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 3,09
- Texte en grand format
#B31B1B
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Conforme | Non conforme | |
Conforme | Non conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #B31B1B, connue sous le nom de Cornaline, a des valeurs RVB de R:179, G:27, B:27 et des valeurs CMJN de C:0, M:85, Y:85, K:30.
| VALUE | CSS | |
|---|---|---|
| HEX | #B31B1B | #B31B1B |
| RGB DECIMAL | 179, 27, 27 | RGB(179,27,27) |
| RGB PERCENTAGE | 70.2, 10.6, 10.6 | RGB(70.2%,10.6%,10.6%) |
| CMYK | 0, 85, 85, 30 | |
| HSL | HSL(0.0, 73.8%, 40.4%) | HSL(0.0, 73.8%, 40.4%) |
| HSV (OR HSB) | 0.0°, 84.9, 70.2 | |
| WEB SAFE | #2045151 | #2045151 |
| BINARY | 10110011, 00011011, 00011011 | |
| iOS - SwiftUI | Color(red: 0.702, green: 0.106, blue: 0.106) | |
| iOS - UIKit | UIColor(red: 0.702, green: 0.106, blue: 0.106, alpha: 1) | |
| Android - Compose | Color(0xFFB31B1B) |
