Naviguer jusqu'au contenu principal

Bleu foncé

Tout ce que vous devez savoir sur le bleu foncé pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

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.

color Bleu foncécolor Bleu foncé

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.

  • Code HEX : #111184
  • Valeur RVB : 6,7 % de rouge, 6,7 % de vert et 51,8 % de 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 bleu foncé dans vos designs :

  • Faites attention au contraste et à l'équilibre. Trop de bleu foncé peut rendre un design trop sombre. Envisagez de l'associer à une teinte plus claire de bleu ou de blanc pour ajouter un équilibre qui ne submerge pas le spectateur.
  • Établissez une hiérarchie visuelle. Les couleurs plus sombres sont parfaites pour créer une hiérarchie visuelle. Utilisez le bleu foncé pour mettre en valeur des éléments de moindre priorité, comme un arrière-plan.
  • Considérez l'accessibilité. Lors de l'utilisation de couleurs plus sombres dans le design d'interface, il est essentiel de considérer le contraste visuel, comme le texte sur un fond. Envisagez d'utiliser des couleurs contrastantes plus claires qui permettent aux éléments de se démarquer clairement.
  • Adoptez le côté obscur. Les applications et sites modernes offrent des modes sombres pour leurs interfaces utilisateur. Utilisez le bleu foncé pour les arrière-plans en mode sombre afin de faciliter la visualisation, surtout la nuit.

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 :

  • Le bleu marine (#000080) est similaire au bleu foncé mais légèrement plus clair avec une touche de gris, offrant une option sophistiquée et apaisante.
  • Le violet profond (#800080) ne fait pas directement partie de la famille des bleus mais procure une sensation équivalente de richesse audacieuse et de profondeur.
  • Le vert chasseur (#355E3B) se déplace vers la famille des verts. Comme le bleu foncé, c'est une teinte qui offre une émotion stable et apaisante.
  • Le bleu royal (#305CDE) est une teinte de bleu plus vive et éclatante qui offre un ton royal similaire qui, lorsqu'il est associé au bleu foncé, peut fournir un contraste léger dans le design d'interface.

Pour compléter le bleu foncé, envisagez de l'associer à :

  • Le vert émeraude (#00674F) fonctionne bien avec le bleu foncé, offrant un schéma de couleurs luxueux et royal.
  • Le bordeaux (#660033) est une autre teinte plus sombre qui se marie bien avec le bleu foncé, créant un sentiment de richesse et de profondeur.
  • La crème (#FDFBD4) contraste avec le bleu foncé, offrant une option plus douce que le blanc.
  • Le corail (#FF8559) et le bleu foncé se combinent pour créer un thème rappelant l'océan et les récifs.

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 :

  • L'orange néon (#FF5F1F) jure avec le bleu foncé en raison de son contraste marqué et de son intensité vive et agressive.
  • Le vert néon (#2CFF05) est une autre couleur incroyablement vive qui entre en dissonance avec le bleu foncé, créant un visuel accablant.
  • Le violet vif (#BF40BF) contient des traces de bleu, mais sa couleur audacieuse peut être écrasante lorsqu'elle est associée au bleu foncé.
  • Le bleu électrique (#00F0FF) prouve que le bleu ne va pas toujours avec le bleu ; cette teinte est trop intense pour être associée au bleu foncé.
  • Le corail vibrant (#FF6F61) est trop saturé pour être associé au bleu foncé, contrairement à son homologue en un mot, le corail.

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é.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Saphir profond

Prairies mystiques

Nébuleuse

Vérificateur de contraste

Contraste 14,61

Texte en grand format

#111184

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #111184 sur un arrière-plan #FFFFFF.
Catégorie
Conforme
Conforme
Conforme
Conforme
Conforme
Conforme

Contraste 1,44

Texte en grand format

#111184

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #111184 sur un arrière-plan #000000.
Catégorie
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme

Simulations de couleurs

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.

VALUECSS
HEX#111184#111184
RGB DECIMAL17, 17, 132RGB(17,17,132)
RGB PERCENTAGE6.7, 6.7, 51.8RGB(6.7%,6.7%,51.8%)
CMYK87, 87, 0, 48
HSLHSL(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
BINARY00010001, 00010001, 10000100
iOS - SwiftUIColor(red: 0.067, green: 0.067, blue: 0.518)
iOS - UIKitUIColor(red: 0.067, green: 0.067, blue: 0.518, alpha: 1)
Android - ComposeColor(0xFF111184)