Le rubis est une couleur riche et vibrante, connue pour sa teinte rouge profond, avec une touche de rouge rosé. Situé entre le rouge et le magenta sur le cercle chromatique, le rubis incarne le luxe et la passion. Des nuances apparentées incluent le cramoisi et le rouge sang. Utilisez le rubis dans vos designs pour une touche audacieuse et élégante.
Le rubis est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code Hex : #E0115F
- Valeur RVB : 87,8 % rouge, 6,7 % vert, 37,3 % 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 le rubis, considérez :
- La cerise (#D20A2E) : La cerise capture l'attrait vibrant et intense du rubis, avec sa teinte rouge profond rappelant les cerises mûres.
- Le rouge sang (#780606) : Le rouge sang partage le ton riche et frappant du rubis, évoquant la vivacité et le drame associés aux gemmes rouges profondes.
- Le rouge cramoisi (#B22222) : Le rouge cramoisi exhibe les qualités intenses et luxueuses du rubis, tout en maintenant une présence classique et séduisante.
- L'amarante (#E83256) : L'amarante dépeint une essence rouge rosé, reflétant de près la teinte vive et captivante du rubis.
Pour compléter le rubis, envisagez de l'associer avec :
- Le bleu canard (#069494) : Offre un contraste saisissant au rouge profond du rubis, rehaussant la vivacité des deux couleurs et créant une palette dynamique.
- Le vert menthe (#A9EABC) : Apporte un équilibre frais et apaisant à l'intensité chaleureuse du rubis, créant un look serein mais vibrant.
- L'or (#efbf04) : Ajoute une touche de luxe et de sophistication, rendant le rubis encore plus riche et frappant.
- Le charbon (#4a4a4a) : Offre un fond neutre et ancré qui permet aux teintes vives du rubis de briller sans dominer le design global.
- Le bleu poudre (#B8E3E9) : Adoucit l'audace du rubis, introduisant un élément calme et apaisant à la palette.
Bien que le rubis soit une teinte riche et captivante, il peut entrer en dissonance avec :
- Le vert néon (#2CFF05) : Son intensité vibrante peut submerger le rubis, créant un contraste dur qui détourne de l'élégance du rubis.
- Le cyan (#00FFFF) : Lorsqu'il est associé au rubis, cette teinte vive et froide crée un contraste frappant qui peut être agressif pour les yeux.
- Le rose vif (#FF46A2) : Cette couleur rivalise avec le rubis, créant une sensation accablante en raison de leur intensité similaire.
- Le jaune vif (#FFED29) : Il peut éclipser le rubis par sa luminosité, menant à une combinaison distrayante qui manque d'harmonie.
- Le bleu canard (#069494) : Cette couleur profonde et froide contraste fortement avec le rubis, le rendant moins chaleureux et accueillant.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Rouge Cramoisi
Oasis en Fleurs
Zeste de Jubilé
Vérificateur de contraste
Contraste 4,76
- Texte en grand format
#E0115F
- 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 4,41
- Texte en grand format
#E0115F
- 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 #E0115F, connue sous le nom de Rubis, a des valeurs RVB de R:224, G:17, B:95 et des valeurs CMJN de C:0, M:92, Y:58, K:12.
| VALUE | CSS | |
|---|---|---|
| HEX | #E0115F | #E0115F |
| RGB DECIMAL | 224, 17, 95 | RGB(224,17,95) |
| RGB PERCENTAGE | 87.8, 6.7, 37.3 | RGB(87.8%,6.7%,37.3%) |
| CMYK | 0, 92, 58, 12 | |
| HSL | HSL(337.4, 85.9%, 47.3%) | HSL(337.4, 85.9%, 47.3%) |
| HSV (OR HSB) | 337.4°, 92.4, 87.8 | |
| WEB SAFE | #2040102 | #2040102 |
| BINARY | 11100000, 00010001, 01011111 | |
| iOS - SwiftUI | Color(red: 0.878, green: 0.067, blue: 0.373) | |
| iOS - UIKit | UIColor(red: 0.878, green: 0.067, blue: 0.373, alpha: 1) | |
| Android - Compose | Color(0xFFE0115F) |
