Le kaki est une teinte brun-jaunâtre située entre le rouge et le jaune sur la roue chromatique. Cette nuance terreuse possède des sous-tons verts subtils qui évoquent la stabilité et la fiabilité.
Le kaki 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 : #D5C58A
- Valeur RGB : 83,5 % rouge, 77,3 % vert, et 54,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 le kaki dans vos designs :
- Fournir un arrière-plan neutre. Le kaki est très polyvalent et offre une base propre pour de nombreuses autres couleurs. Associé à des couleurs vives, il permet aux éléments d'interface et aux informations importantes de se démarquer. Pour une ambiance inspirée de la nature, associez-le à d'autres tons terreux.
- Soutenir les éléments interactifs. Utilisez le kaki avec des teintes plus foncées ou plus vives pour indiquer l'interactivité des éléments d'interface comme les boutons ou les icônes. Par exemple, utilisez une teinte plus foncée pour le bouton, puis passez au kaki pour un effet de survol, offrant un indice visuel clair que l'élément est cliquable.
- Transmettre la confiance. Comme d'autres tons terreux, le kaki évoque des sentiments de sécurité et de fiabilité. Cela en fait une teinte idéale pour les secteurs juridiques, financiers ou de la santé qui souhaitent que les utilisateurs se sentent confiants et en sécurité lorsqu'ils utilisent leur 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 neutre que le kaki, considérez :
- Le sable (#CBBD93) partage des sous-tons jaunes similaires mais est légèrement plus foncé et atténué.
- Le beige (#EDE8D0) offre une apparence plus douce et plus claire avec une teinte similaire au kaki.
- Le camel (#D6B588) semble plus brun mais partage la même chaleur.
- L'écru (#E0CD95) possède des sous-tons gris subtils, ce qui en fait un neutre plus polyvalent que le kaki.
Pour compléter le kaki, envisagez de l'associer avec :
- Le vert armée (#5D6532) crée une ambiance terreuse et ancrée à côté du kaki.
- Le bleu poudre (#B8E3E9) offre une touche de luminosité qui équilibre la chaleur du kaki.
- Le vert menthe (#ADEBB3) complète le kaki avec une touche de fraîcheur.
- Le bleu marine (#000080) ajoute une touche de fraîcheur pour un accord classique.
- Le rose doux (#E89EB8) crée un contraste délicat rappelant le printemps.
D'autres couleurs à considérer incluent le chocolat pour un accord naturel, le bordeaux pour une touche de sophistication, et l'ivoire pour une ambiance douce et détendue.
Bien que le kaki soit chaleureux, il peut jurer avec :
- Le bleu royal (#305CDE) est frais et saturé, ce qui peut entrer en dissonance avec la chaleur du kaki.
- Le gris froid (#CBCBCB) a un faible contraste qui peut sembler déséquilibré lorsqu'il est associé au kaki.
- Le vert néon (#2CFF05) est une teinte intense qui paraît désagréable à côté du kaki.
- Le rose néon (#FF13F0) peut sembler accablant et causer une tension visuelle.
Le kaki incarne la fiabilité, la confiance et l'ancrage. Il porte également des connotations de débrouillardise, de praticité et d'ordre en raison de son lien avec le militaire.
En psychologie des couleurs, la nature atténuée du kaki évoque le calme et la tranquillité. Il favorise également des sentiments de sécurité et de confiance grâce à ses sous-tons terreux.
Dans le design d’interface, le kaki est une teinte parfaite pour les applications bancaires, les plateformes de santé ou d'autres industries qui souhaitent établir la confiance et la sécurité avec leurs utilisateurs.
Le mot « kaki » vient des mots ourdou et persan signifiant « poussiéreux » ou « couleur de terre ».
La première utilisation enregistrée de la couleur remonte au milieu des années 1800 lorsque l'armée britannique était stationnée en Inde. Après avoir observé les vêtements légers de couleur sable des soldats locaux, les Britanniques ont réalisé que leurs uniformes rouges vifs devaient être plus pratiques. Cela a conduit à l'adoption d'uniformes de couleur kaki, ce qui facilitait le camouflage dans les paysages poussiéreux de l'Inde. Finalement, le kaki est devenu la couleur standard des uniformes militaires.
Au fil du temps, le kaki est devenu courant dans les vêtements civils en raison de sa praticité et de son aspect décontracté. Aujourd'hui, la couleur est la plus apparente dans la mode—c'est une teinte prédominante pour les pantalons en mélange de coton, comme les chinos et les pantalons. En dehors de la mode, la polyvalence du kaki se voit dans le design d'intérieur et d'interface pour créer une atmosphère apaisante.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Safari
Voyager
Country Melody
Vérificateur de contraste
Contraste 1,72
- Texte en grand format
#D5C58A
- 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 12,18
- Texte en grand format
#D5C58A
- 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 #d5c58a, connue sous le nom de Kaki, a des valeurs RVB de R:213, G:197, B:138 et des valeurs CMJN de C:0, M:8, Y:35, K:16.
| VALUE | CSS | |
|---|---|---|
| HEX | #d5c58a | #d5c58a |
| RGB DECIMAL | 213, 197, 138 | RGB(213,197,138) |
| RGB PERCENTAGE | 83.5, 77.3, 54.1 | RGB(83.5%,77.3%,54.1%) |
| CMYK | 0, 8, 35, 16 | |
| HSL | HSL(47.2, 47.2%, 68.8%) | HSL(47.2, 47.2%, 68.8%) |
| HSV (OR HSB) | 47.2°, 35.2, 83.5 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 11010101, 11000101, 10001010 | |
| iOS - SwiftUI | Color(red: 0.835, green: 0.773, blue: 0.541) | |
| iOS - UIKit | UIColor(red: 0.835, green: 0.773, blue: 0.541, alpha: 1) | |
| Android - Compose | Color(0xFFD5C58A) |
