
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu nuit ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bleu nuit pour inspirer votre prochain design.
Le bleu nuit est une teinte profonde et sombre qui évoque le calme et le mystère du ciel nocturne. Cette couleur se situe à l'extrémité plus sombre du spectre des bleus, avec une tonalité plus froide, souvent associée à la sophistication et à la tranquillité. C'est une couleur parfaite pour créer une atmosphère de sérénité calme et réfléchie.

Le bleu nuit 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 : #272757
- Valeur RVB : 15,3 % rouge, 15,3 % vert et 34,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.
La profondeur et la sophistication du bleu nuit en font une couleur polyvalente pour le design d'interface. Voici comment l'intégrer stratégiquement pour améliorer l'expérience utilisateur :
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 contemplatif que le bleu nuit, envisagez :
Pour compléter les tons profonds du bleu nuit, envisagez de l'associer avec :
D'autres couleurs à considérer incluent le rose poussiéreux pour un contraste romantique et doux, le vert forêt pour une palette naturelle harmonieuse, et le gris clair pour un look moderne et minimaliste.
Bien que le bleu nuit soit polyvalent, il peut jurer avec :
Le bleu nuit évoque le mystère et la contemplation, comblant le fossé entre le calme traditionnel du bleu et la force autoritaire du noir. C'est une couleur qui invite à la réflexion profonde et suscite la curiosité.
En psychologie des couleurs, le bleu est largement reconnu pour transmettre la fiabilité et la confiance. Le bleu nuit, avec sa teinte plus profonde, renforce ces qualités. Il commande le respect et favorise une pensée calme et réfléchie, ce qui le rend idéal pour les environnements qui encouragent la concentration et la paix.
Dans le design d'interface, le bleu nuit peut améliorer l'expérience utilisateur en créant une interface visuellement attrayante qui favorise l'engagement. Il peut également communiquer les valeurs fondamentales d'une marque, telles que la fiabilité et la sophistication. Sa capacité à transmettre force et tranquillité fait du bleu nuit un choix idéal pour les marques et interfaces qui souhaitent projeter confiance, sérénité et profondeur.
Le terme « bleu nuit » est apparu pour la première fois en anglais en 1915, s'inspirant du ciel nocturne éclairé par la lune. Ce bleu riche et sombre précède les œuvres emblématiques de Vincent van Gogh (pensez à « La Nuit étoilée » et « Terrasse de café le soir »).
Dans les années 1920, le duc de Windsor a popularisé le bleu nuit pour les tenues de soirée au détriment du noir traditionnel, révolutionnant l'apparence des costumes et des smokings sur les photographies. Il soutenait que le bleu nuit conservait sa profondeur sous la lumière artificielle et mettait mieux en valeur les détails des tenues formelles masculines.
En 1958, Crayola a reconnu l'attrait du bleu nuit en renommant leur crayon « bleu de Prusse ». Aujourd'hui, le bleu nuit continue d'être un choix populaire dans le design et la technologie, comme en témoigne la sélection de couleurs pour les gadgets et les voitures de luxe. Sa teinte profonde est associée à la fiabilité et au professionnalisme, en faisant une couleur de prédilection pour le branding et l'identité d'entreprise.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Éclipse Bleue
Zone Crépusculaire
Cosmique
Contraste 13,87
#272757
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 1,51
#272757
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 #272757, connue sous le nom de bleu nuit, a des valeurs RVB de R:39, G:39, B:87 et des valeurs CMJN de C:55, M:55, Y:0, K:66.
| VALUE | CSS | |
|---|---|---|
| HEX | #272757 | #272757 |
| RGB DECIMAL | 39, 39, 87 | RGB(39,39,87) |
| RGB PERCENTAGE | 15.3, 15.3, 34.1 | RGB(15.3%,15.3%,34.1%) |
| CMYK | 55, 55, 0, 66 | |
| HSL | HSL(240.0, 38.1%, 24.7%) | HSL(240.0, 38.1%, 24.7%) |
| HSV (OR HSB) | 240.0°, 55.2, 34.1 | |
| WEB SAFE | #5151102 | #5151102 |
| BINARY | 00100111, 00100111, 01010111 | |
| iOS - SwiftUI | Color(red: 0.153, green: 0.153, blue: 0.341) | |
| iOS - UIKit | UIColor(red: 0.153, green: 0.153, blue: 0.341, alpha: 1) | |
| Android - Compose | Color(0xFF272757) |

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

En savoir plus sur le bleu royal.

Plongez dans la couleur tropicale du bleu électrique.