
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu foncé ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bleu foncé pour inspirer votre prochain design.
Le bleu foncé est une teinte profonde et intense de bleu qui s'imprègne d'une aura mystérieuse. Situé à l'extrémité froide du spectre des couleurs, il évoque des images de ciels nocturnes et d'océans vastes, suscitant des sentiments de tranquillité et de profondeur.

Le bleu foncé est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
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 bleu foncé dans vos designs :
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 profond et riche que le bleu foncé, considérez :
Pour compléter le bleu foncé, envisagez de l'associer à :
D'autres couleurs à considérer incluent le gris pour une apparence simple et sophistiquée et le cuivre pour insuffler un peu de chaleur dans une palette riche.
Bien que le bleu foncé soit polyvalent, il peut entrer en dissonance avec :
Le bleu foncé incarne la stabilité et le calme. Dans la culture chinoise, le bleu foncé est associé à la longévité et à l'immortalité. Les anciens Grecs associaient le bleu foncé au dieu Zeus, symbolisant la sagesse et l'autorité. Les Amérindiens considèrent le bleu foncé comme un symbole du ciel nocturne et du domaine spirituel.
En psychologie des couleurs, le bleu foncé peut évoquer des sentiments de tranquillité et de réflexion profonde. Il peut également inspirer des émotions de confiance et de fiabilité. Il est couramment associé aux vastes profondeurs de l'océan et au ciel nocturne sombre.
Dans le design d'interface, le bleu foncé peut être utilisé comme arrière-plan pour inspirer un sentiment de confiance et de sécurité, comme dans les applications bancaires, les sites de santé et les plateformes de commerce électronique.
Le nom "bleu foncé" est ancré dans la langue anglaise et fait référence à une version plus sombre et plus intense de la couleur bleue. La couleur bleue primaire a des racines plus profondes dans la langue française en tant que "bleu" et dans la langue proto-indo-européenne avec la racine "bhel", qui signifie "briller".
Les anciens Égyptiens utilisaient des nuances de bleu pour peindre des céramiques, des statues et les tombes des pharaons. Au XIXe siècle, le bleu foncé a vu une intégration plus profonde dans les uniformes militaires en raison de son association avec l'autorité.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Saphir profond
Prairies mystiques
Nébuleuse
Contraste 14,61
#111184
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 1,44
#111184
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 |
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #111184, connue sous le nom de Bleu foncé, a des valeurs RVB de R:17, G:17, B:132 et des valeurs CMJN de C:87, M:87, Y:0, K:48.
| VALUE | CSS | |
|---|---|---|
| HEX | #111184 | #111184 |
| RGB DECIMAL | 17, 17, 132 | RGB(17,17,132) |
| RGB PERCENTAGE | 6.7, 6.7, 51.8 | RGB(6.7%,6.7%,51.8%) |
| CMYK | 87, 87, 0, 48 | |
| HSL | HSL(240.0, 77.2%, 29.2%) | HSL(240.0, 77.2%, 29.2%) |
| HSV (OR HSB) | 240.0°, 87.1, 51.8 | |
| WEB SAFE | #00153 | #00153 |
| BINARY | 00010001, 00010001, 10000100 | |
| iOS - SwiftUI | Color(red: 0.067, green: 0.067, blue: 0.518) | |
| iOS - UIKit | UIColor(red: 0.067, green: 0.067, blue: 0.518, alpha: 1) | |
| Android - Compose | Color(0xFF111184) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu foncé ?

Adoptez l'effet apaisant de la couleur bleue.

Découvrez l'élégance classique du bleu marine.