Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir la crème ?
La crème est une teinte neutre et polyvalente de jaune clair qui équilibre aisément une variété de palettes. Cette couleur pastel douce se situe près du bord de la roue chromatique entre le jaune et l'orange, conférant à cette teinte tertiaire une chaleur douce qui s'accorde particulièrement bien avec d'autres pastels pour évoquer l'élégance et la classe.
La crème est représentée par des codes et valeurs de couleur spécifiques dans le monde numérique pour garantir la cohérence sur les plateformes et appareils.
- Code HEX : #FDFBD4
- Valeur RVB : 99,2 % rouge, 98,4 % vert, et 83,1 % 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 la crème dans vos designs :
- Améliorer la lisibilité et réduire la fatigue oculaire. La crème est plus douce pour les yeux que le blanc pur, donc l'utiliser comme couleur de fond avec un texte à fort contraste en noir ou bleu marine peut faciliter la lecture et l'engagement des utilisateurs avec votre design.
- Évoquer chaleur et confort. La teinte douce et chaleureuse de la crème crée une atmosphère accueillante dans le design web et les interfaces utilisateur. Elle s'accorde bien avec des couleurs chaudes similaires, favorisant un environnement convivial et engageant pour les utilisateurs.
- Conveyer le professionnalisme. La crème est idéale pour les interfaces nécessitant un look professionnel et cohérent, comme les applications d'affaires, les sites de commerce électronique et les portfolios numériques.
- Établir une hiérarchie visuelle. Attirez l'attention sur vos éléments les plus importants avec des combinaisons de couleurs à fort contraste mettant en vedette la crème. Contraster un fond crème avec un bouton d'une couleur affirmée peut aider les utilisateurs à naviguer sur votre site ou plateforme.
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 de blanc cassé que la crème, considérez :
- L'ivoire (#FFFFE3) est un peu plus clair et plus lumineux, rayonnant d'une élégance classique.
- Le beige (#EDE8D0) se rapproche davantage d'un brun clair avec une sensation rustique et terreuse.
- Le coquillage (#FFF1E7) ressemble à un léger blush avec des nuances roses douces.
- Le champagne (#F7E6CA) offre plus de chaleur avec un charme sophistiqué et accueillant.
Pour compléter la crème, envisagez de l'associer avec :
- Le pervenche (#CCCCFF) crée une palette de rêve avec des nuances bleu-violet douces.
- Le bleu pastel (#B3EBF2) est une bouffée d'air frais, offrant un contraste ludique et frais.
- La lavande (#D3D3FF) s'associe à la crème dans une combinaison romantique et élégante.
- Le vert menthe (#ADEBB3) contraste avec la crème neutre par une teinte rafraîchissante et tranquille.
La crème s'accorde également bien avec les pastels dans une palette printanière fraîche ou avec des jaunes et oranges vibrants pour créer un look énergisé.
Bien que la crème soit une couleur neutre, elle peut jurer avec :
- Le bleu royal (#305CDE) crée un contraste saisissant avec la douceur chaleureuse de la crème.
- Le rouge rose (#FA003F) peut perturber la neutralité de la crème avec sa saturation et son intensité élevées.
- Le jaune-vert (#CCFF00) crée une palette maladive qui épuise la chaleur de la crème.
- L'aigue-marine (#66F1C2) peut dominer la crème et créer un design chargé avec une sensation impersonnelle.
La crème évoque des sentiments de sophistication et de sérénité, combinant la pureté du blanc avec la chaleur du jaune. Cette couleur symbolise souvent la pureté et le professionnalisme, et sa chaleur douce apporte une sensation d'élégance et de familiarité. Dans divers contextes culturels, la crème représente le calme et le luxe discret.
En psychologie des couleurs, la crème est perçue comme apaisante et réconfortante. Elle est moins austère que le blanc, ce qui la rend plus agréable pour les yeux et plus propice à la relaxation. L'association de la crème avec la chaleur et la douceur en fait souvent un choix privilégié dans les environnements souhaitant favoriser une atmosphère accueillante et calme.
Dans le design d'interface, la crème est très efficace comme couleur de fond neutre qui améliore la lisibilité et le confort visuel, évitant la dureté du blanc pur. Elle fonctionne bien dans les schémas de design minimalistes et vibrants, car son arrière-plan doux complète les couleurs plus audacieuses sans rivaliser pour attirer l'attention.
La première utilisation enregistrée du terme "crème" comme nom de couleur remonte à 1590, inspirée par la teinte pâle de la crème laitière. Pendant la Renaissance, cette couleur était prisée par les artistes comme base pour représenter les tons de peau. Historiquement, la crème a représenté la modestie et la sophistication, souvent utilisée pour les textiles et les vêtements à travers différentes cultures. Encore aujourd'hui, son association de longue date avec le luxe discret en fait un choix classique dans les designs modernes.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Vieille Photographie
Champs de Lavande
Oasis du Désert
Vérificateur de contraste
Contraste 1,05
- Texte en grand format
#FDFBD4
- 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 19,93
- Texte en grand format
#FDFBD4
- 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 #fdfbd4, connue sous le nom de Crème, a des valeurs RVB de R:253, G:251, B:212 et des valeurs CMJN de C:0, M:1, Y:16, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #fdfbd4 | #fdfbd4 |
| RGB DECIMAL | 253, 251, 212 | RGB(253,251,212) |
| RGB PERCENTAGE | 99.2, 98.4, 83.1 | RGB(99.2%,98.4%,83.1%) |
| CMYK | 0, 1, 16, 1 | |
| HSL | HSL(57.1, 91.1%, 91.2%) | HSL(57.1, 91.1%, 91.2%) |
| HSV (OR HSB) | 57.1°, 16.2, 99.2 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11111101, 11111011, 11010100 | |
| iOS - SwiftUI | Color(red: 0.992, green: 0.984, blue: 0.831) | |
| iOS - UIKit | UIColor(red: 0.992, green: 0.984, blue: 0.831, alpha: 1) | |
| Android - Compose | Color(0xFFFDFBD4) |
