L'abricot se situe entre l'orange et le jaune sur la roue chromatique, rappelant la teinte du fruit mûr. Son influence jaune apporte une touche d'optimisme et de gaieté, tandis que sa nuance orangée diffuse une énergie subtile et chaleureuse.
L'abricot 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 : #FFB27F
- Valeur RVB : 100 % rouge, 69,8 % vert, et 49,8 % 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.
Voici quelques façons d'utiliser l'abricot dans vos designs :
- Attirer l'attention. Bien que moins visuellement écrasant que le rouge, l'abricot est un excellent choix de couleur pour guider l'œil de l'utilisateur vers les messages d'erreur ou les CTA importants tout en maintenant une interface douce et engageante.
- Offrir un retour visuel. Pour les éléments d'interface qui réagissent à l'interaction de l'utilisateur, comme les boutons à bascule, les curseurs et les cases à cocher, utilisez l'abricot pour représenter les états actifs. Cela signale aux utilisateurs que la fonctionnalité est activée ou que le bouton est sélectionné.
- Créer une atmosphère conviviale. La disposition chaleureuse et joyeuse de l'abricot fonctionne bien pour de nombreuses industries cherchant à créer une interface utilisateur accueillante, comme les applications créatives, éducatives ou de santé.
Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.
Pour des variations dans le même spectre chaud que l'abricot, envisagez :
- La pêche (#FFD3AC) apparaît un peu plus claire, partageant les mêmes qualités jaune-orange.
- Le corail (#FF8559) est plus vibrant mais offre une sensation accueillante similaire.
- L'orange clair (#FFDBBB) partage une chaleur et une énergie similaires avec une apparence plus légère.
- L'orange pastel (#FFC067) a plus d'influence orange avec un niveau de saturation similaire à l'abricot.
Pour compléter l'abricot, envisagez de l'associer avec :
- Le bleu clair (#90D5FF) est frais, complétant la chaleur de l'abricot pour un look frais et vibrant.
- Le bleu marine (#000080) crée une palette de couleurs nautiques rappelant des vacances d'été sur la côte.
- Le bleu menthe (#98FBCB) a des tons frais et rafraîchissants qui offrent un contraste vif à côté de l'abricot.
- L'ivoire (#FFFFE3) crée une palette de couleurs neutres qui permet à la vivacité de l'abricot de ressortir.
D'autres couleurs à considérer incluent le marron pour ajouter à la chaleur de l'abricot, la lavande pour une combinaison douce et fantaisiste, ou le blanc pour une ambiance fraîche et aérée.
Bien que l'abricot soit doux, il peut jurer avec :
- Le jaune foncé (#BA8E23) peut créer une combinaison de couleurs terne et fade lorsqu'il est associé à l'abricot.
- Le rose vif (#FF46A2) est vibrant et très saturé, ce qui peut entrer en dissonance avec les qualités douces de l'abricot.
- Le vermillon (#E73121) peut sembler trop intense et dominer l'apparence subtile de l'abricot.
- L'orange vif (#FF991C) partage une teinte similaire qui peut créer peu d'intérêt visuel à côté de l'abricot.
L'abricot incarne l'optimisme, l'énergie et le bonheur. Lié au fruit, il suggère également la douceur, la fraîcheur et la vitalité.
En psychologie des couleurs, les qualités chaleureuses et accueillantes de l'abricot stimulent des sentiments d'espoir et d'excitation. Son énergie ludique crée un sentiment de jeunesse et de créativité.
Dans le design d'interface, l'abricot crée une atmosphère amicale et accueillante. Utilisez-le comme couleur dominante pour apporter de l'énergie et de la ludicité aux interfaces utilisateur ou comme teinte d'accent pour ajouter une infusion douce et subtile de chaleur.
Le mot "abricot" a fait son entrée dans la langue anglaise au XVIe siècle, dérivé du mot arabe "al-birquq". L'abricot a été enregistré pour la première fois comme nom de couleur pour décrire la teinte du fruit en 1851 lors de l'essor des colorants synthétiques. En 1998, Crayola a inclus l'abricot comme couleur permanente dans sa gamme de crayons orange.
Aujourd'hui, l'abricot est un choix populaire dans la mode, le design d'intérieur et le design d'interface pour transmettre la chaleur et ajouter une touche de ludicité. C'est aussi une couleur saisonnière populaire, utilisée pour évoquer la fraîcheur du printemps et de l'été et l'énergie chaleureuse de l'automne.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Latté Noisette
Prairie Matinale
Croisière au Coucher de Soleil
Vérificateur de contraste
Contraste 1,76
- Texte en grand format
#FFB27F
- Texte normal
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 |
Contraste 11,93
- Texte en grand format
#FFB27F
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #ffb27f, connue sous le nom de Abricot, a des valeurs RVB de R:255, G:178, B:127 et des valeurs CMJN de C:0, M:30, Y:50, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffb27f | #ffb27f |
| RGB DECIMAL | 255, 178, 127 | RGB(255,178,127) |
| RGB PERCENTAGE | 100.0, 69.8, 49.8 | RGB(100.0%,69.8%,49.8%) |
| CMYK | 0, 30, 50, 0 | |
| HSL | HSL(23.9, 100.0%, 74.9%) | HSL(23.9, 100.0%, 74.9%) |
| HSV (OR HSB) | 23.9°, 50.2, 100.0 | |
| WEB SAFE | #255153102 | #255153102 |
| BINARY | 11111111, 10110010, 01111111 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.698, blue: 0.498) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.698, blue: 0.498, alpha: 1) | |
| Android - Compose | Color(0xFFFFB27F) |
