Le bleu canard est une couleur apaisante et sophistiquée, parfaitement située entre le bleu et le vert sur la roue chromatique. Cette teinte capture la fraîcheur du bleu avec la sérénité naturelle du vert, formant une nuance équilibrée et rafraîchissante. Dans son spectre, le bleu canard inclut des nuances plus claires comme le turquoise pour une sensation plus vive et dynamique, et des nuances plus sombres comme l'aqua profond avec son apparence plus riche et plus subtile.

Le bleu canard 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 : #069494
- Valeur RGB : 2,4 % rouge, 58 % vert et 58 % 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 utiliser efficacement le bleu canard dans le design d'interface, considérez ces idées :
- Créer une ambiance apaisante et dynamique. Le bleu canard peut imprégner votre interface d'une sensation apaisante et dynamique, idéale pour de nombreux secteurs, des applications de santé aux services financiers.
- Mettre en valeur les éléments interactifs. Utilisez le bleu canard pour mettre en valeur les boutons, liens ou appels à l'action. Sa teinte distinctive se démarque sur des fonds clairs et sombres, guidant les utilisateurs intuitivement à travers la navigation.
- Associer avec des couleurs complémentaires. Le bleu canard se marie magnifiquement avec le corail ou la pêche pour un contraste vibrant ou avec des nuances de gris pour un look plus sobre et professionnel. Cette polyvalence le rend adapté à la fois aux projets créatifs et corporatifs.
- Renforcer l'identité visuelle. L'association du bleu canard avec la créativité, la sophistication et la fiabilité en fait un choix fort pour renforcer l'identité visuelle, surtout pour les entreprises cherchant à se différencier sur le marché.
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 serein et équilibré que le bleu canard, considérez :
- Turquoise (#40E0D0) est plus clair et penche davantage vers le bleu, capturant l'essence cristalline des eaux tropicales avec une sensation vibrante et rafraîchissante.
- Cyan (#00FFFF) offre une version plus lumineuse et électrisée du bleu canard, apportant une qualité lumineuse qui évoque la clarté et la profondeur de l'océan.
- Aigue-marine (#66F1C2) est plus douce et plus transparente, partageant la connexion du bleu canard à l'eau mais avec une présence plus douce et éthérée.
- Cyan foncé (#008B8B) maintient la profondeur du bleu canard avec une teinte plus subtile et atténuée, évoquant les profondeurs tranquilles de la mer.
Pour compléter les tons dynamiques du bleu canard, envisagez de l'associer avec :
- Corail (#FF8559) introduit un contraste chaud et vibrant, évoquant l'harmonie naturelle des récifs coralliens et des eaux bleu canard pour une palette vivante et tropicale.
- Gris charbon (#4A4A4A) offre un contrepoids moderne et élégant à la vivacité du bleu canard, ajoutant sophistication et ancrant la palette avec sa profondeur neutre.
- Or doux (#D4AF37) ajoute une touche de luxe et de chaleur, créant un contraste élégant qui met en valeur la richesse et la profondeur du bleu canard.
- Rose poussiéreux (#DCA1A1) offre un complément subtil et atténué, s'associant magnifiquement avec le bleu canard pour une esthétique raffinée et délicate.
- Crème (#FDFBD4) est chaude et légère, créant un fond doux qui permet à la profondeur du bleu canard de se démarquer, offrant un look classique et intemporel.
D'autres couleurs à considérer incluent le bleu marine pour un look audacieux et digne ; le vert menthe pour un mélange frais et harmonieux ; et la lavande pour une touche douce et contrastante.
Bien que le bleu canard soit remarquablement adaptable, certaines combinaisons peuvent s'avérer moins harmonieuses :
- Vert lime vif (#32CD32) peut être trop frappant contre le bleu canard, créant un contraste visuel qui pourrait sembler discordant ou trop audacieux.
- Orange néon (#FFA500), avec son intensité vibrante, pourrait détourner de la richesse sophistiquée du bleu canard, menant à une palette discordante.
- Rose vif (#FF69B4) offre un contraste audacieux et vif qui peut submerger la nature tranquille et équilibrée du bleu canard, résultant en une palette qui semble trop vibrante ou discordante.
- Violet foncé (#800080), bien que riche et royal, pourrait trop rivaliser avec le bleu canard, éclipsant ses qualités sereines avec une présence dominante.
- Rouge vif (#FF0000), bien qu'une couleur dynamique, peut créer un contraste difficile qui rivalise avec la nature apaisante et ancrée du bleu canard, pouvant mener à un mélange visuellement inconfortable.
Le bleu canard incarne la sophistication, le calme et le renouveau. Il est associé à la clarté et à la protection, améliorant le bien-être émotionnel. Culturellement, le bleu canard est reconnu comme une couleur qui favorise la guérison émotionnelle et la tranquillité.
En psychologie des couleurs, le bleu canard comble le fossé entre la paix du bleu et les propriétés régénératrices du vert. Cette combinaison unique crée une couleur qui peut à la fois détendre et revitaliser.
Dans le design d'interface, le bleu canard peut efficacement attirer l'attention ou apporter de l'équilibre à l'esthétique d'un design. Par exemple, un bouton bleu canard peut se démarquer comme un point focal, attirant les utilisateurs vers une action spécifique sans submerger le design global. Cela fait du bleu canard un excellent choix pour les éléments interactifs qui doivent être visibles et esthétiquement plaisants.
Le nom "bleu canard" vient du canard sarcelle, un canard trouvé dans l'hémisphère nord, connu pour la bande frappante de cette couleur qui s'étend de ses yeux à l'arrière de sa tête.
Historiquement, le bleu canard a gagné en popularité dans les années 1700 dans la mode et le design d'intérieur, prisé à l'époque victorienne pour sa profondeur riche et sa polyvalence dans les textiles et les revêtements muraux. Au 20e siècle, le bleu canard a connu une résurgence, devenant synonyme de modernité et de sophistication. Dans les années 1950 et 1960, il était un choix populaire pour la peinture automobile, les appareils de cuisine et les biens de consommation, reflétant une préférence sociétale pour les couleurs vibrantes mais raffinées.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Aquarium d'eau de mer
Épave rouillée
Verre de mer
Vérificateur de contraste
Contraste 3,7
- Texte en grand format
#069494
- 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 |
Contraste 5,67
- Texte en grand format
#069494
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #069494, connue sous le nom de Bleu canard, a des valeurs RVB de R:6, G:148, B:148 et des valeurs CMJN de C:96, M:0, Y:0, K:42.
| VALUE | CSS | |
|---|---|---|
| HEX | #069494 | #069494 |
| RGB DECIMAL | 6, 148, 148 | RGB(6,148,148) |
| RGB PERCENTAGE | 2.4, 58.0, 58.0 | RGB(2.4%,58.0%,58.0%) |
| CMYK | 96, 0, 0, 42 | |
| HSL | HSL(180.0, 92.2%, 30.2%) | HSL(180.0, 92.2%, 30.2%) |
| HSV (OR HSB) | 180.0°, 95.9, 58.0 | |
| WEB SAFE | #0153153 | #0153153 |
| BINARY | 00000110, 10010100, 10010100 | |
| iOS - SwiftUI | Color(red: 0.024, green: 0.580, blue: 0.580) | |
| iOS - UIKit | UIColor(red: 0.024, green: 0.580, blue: 0.580, alpha: 1) | |
| Android - Compose | Color(0xFF069494) |


