Le sable est un neutre chaud et pâle qui capture parfaitement l'essence d'un environnement naturel et terreux. Il se situe du côté plus clair et plus chaud du spectre des bruns sur la roue chromatique, allant du crème pâle au beige doré. Sa teinte douce et accueillante imprègne une touche d'élégance discrète.

Le sable 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 : #CBBD93
- Valeur RVB : 79,6 % rouge, 74,1 % vert et 57,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.
Voici quelques façons de tirer parti des qualités naturelles et apaisantes du sable pour créer un design convivial et visuellement attrayant :
- Créer un fond neutre. La teinte douce et neutre du sable crée un arrière-plan calme et discret qui permet au contenu de se démarquer sans fatiguer les yeux.
- Améliorer la lisibilité. Associez le sable à des tons plus profonds comme le bleu marine, le vert forêt ou le charbon pour le texte afin d'assurer la lisibilité tout en maintenant un contraste esthétiquement plaisant.
- Favoriser une atmosphère relaxante. Le sable est parfait pour les applications ou sites web axés sur le bien-être, la méditation, le voyage ou les loisirs. Il aide à instaurer une ambiance détendue qui s'aligne avec des activités paisibles ou de détente.
- Compléter avec des tons terreux. Pour créer un design harmonieux et cohérent, associez le sable à d'autres tons terreux tels que les verts, les bruns et les crèmes. Cette palette est agréable à l'œil et renforce une connexion avec le monde naturel, ce qui peut enrichir les éléments thématiques des marques éco-responsables ou biologiques.
- Mettre en valeur les éléments interactifs. Associez le sable à des couleurs plus vives pour attirer l'attention sur des éléments comme les boutons ou les liens, ou utilisez des variations de nuances de sable pour créer une hiérarchie subtile dans votre design.
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 terreux que le sable, considérez :
- Le kaki (#C3B091) offre une teinte légèrement plus foncée, conservant la chaleur et la neutralité du sable.
- Le beige (#F5F5DC) est plus clair et offre une apparence plus douce tout en maintenant l'ambiance naturelle.
- Le camel (#D6B588) contient un peu plus de brun, évoquant l'élégance discrète du sable.
- La crème (#FDFBD4) introduit une teinte plus pâle et apaisante qui complète la douceur du sable.
Pour compléter les tons subtils du sable, envisagez de l'associer à :
- Le bleu marine (#000080) crée un contraste classique, rehaussant l'élégance discrète du sable.
- Le vert forêt (#228B22) offre un contraste riche et naturel qui harmonise avec la terreur du sable.
- Le bordeaux (#660033) fournit un contraste profond et riche qui fait ressortir les tons atténués du sable.
- Le gris chaud (#D3D3D3) s'aligne étroitement avec les propriétés neutres du sable, offrant une palette moderne et chic.
- La pêche douce (#FFE5B4) complète le sable avec une chaleur douce et accueillante.
D'autres couleurs à considérer incluent le bleu canard profond pour souligner un contraste sophistiqué, le corail clair pour un look doux et accueillant, et le lilas pâle pour une interaction subtile et espiègle.
Bien que le sable soit polyvalent, il peut entrer en dissonance avec :
- Le rose vif (#FF69B4) peut éclipser la nature subtile et atténuée du sable par sa vivacité.
- Le bleu électrique (#00F0FF) pourrait être trop frappant, créant un look discordant contre la douceur du sable.
- Le jaune citron (#FFF44F) a tendance à contraster trop fortement, risquant de dominer la nature douce du sable.
- L'argent (#C4C4C4) peut sembler trop froid et métallique face à la teinte chaude et terreuse du sable.
- Le gris charbon (#4A4A4A) peut être trop audacieux et sombre, ce qui peut diminuer la qualité apaisante du sable.
Le sable évoque des sentiments de calme, de relaxation et de stabilité. La psychologie des couleurs voit le sable comme conservateur, incarnant le confort, la simplicité et une connexion naturelle. Il transmet ouverture et tranquillité.
Dans le design d'interface, le sable offre un fond propre et épuré, signalant fiabilité et praticité. Il convient aux designs qui visent à être chaleureux et accueillants, mettant les utilisateurs à l'aise.
Différentes cultures et contextes historiques ont longtemps favorisé la couleur sable en raison de sa présence naturelle répandue et de ses applications polyvalentes. Le choix d'utiliser des matériaux de couleur sable dans les vêtements et l'architecture provenait souvent des ressources disponibles. Par exemple, les bâtiments et vêtements dans les régions désertiques s'harmonisent souvent avec le paysage sablonneux pour se fondre dans l'environnement naturel et réfléchir la lumière du soleil, réduisant ainsi l'absorption de chaleur.
Depuis des siècles, le sable reste une couleur populaire dans la mode grâce à sa teinte neutre, qui s'associe facilement à d'autres couleurs. Sa popularité récurrente dans les uniformes militaires découle également de ses avantages fonctionnels dans les déserts et autres environnements de couleur claire, où le camouflage couleur sable offre un avantage.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Sables de nuit
Tourmaline
Grès
Vérificateur de contraste
Contraste 1,87
- Texte en grand format
#CBBD93
- 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,24
- Texte en grand format
#CBBD93
- 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 #cbbd93, connue sous le nom de Couleur sable, a des valeurs RVB de R:203, G:189, B:147 et des valeurs CMJN de C:0, M:7, Y:28, K:20.
| VALUE | CSS | |
|---|---|---|
| HEX | #cbbd93 | #cbbd93 |
| RGB DECIMAL | 203, 189, 147 | RGB(203,189,147) |
| RGB PERCENTAGE | 79.6, 74.1, 57.6 | RGB(79.6%,74.1%,57.6%) |
| CMYK | 0, 7, 28, 20 | |
| HSL | HSL(45.0, 35.0%, 68.6%) | HSL(45.0, 35.0%, 68.6%) |
| HSV (OR HSB) | 45.0°, 27.6, 79.6 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 11001011, 10111101, 10010011 | |
| iOS - SwiftUI | Color(red: 0.796, green: 0.741, blue: 0.576) | |
| iOS - UIKit | UIColor(red: 0.796, green: 0.741, blue: 0.576, alpha: 1) | |
| Android - Compose | Color(0xFFCBBD93) |


