
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu clair ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bleu clair pour inspirer votre prochain design.
Le bleu clair est une teinte sereine et délicate, imprégnée d'une sensation apaisante et aérienne. Il se situe entre le bleu et le vert sur la roue chromatique—une nuance plus froide connue pour ses qualités apaisantes. Le bleu clair varie des tons doux du ciel aux nuances plus vives de l'aigue-marine.

Le bleu clair 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 : #90D5FF
- Valeur RVB : 56,5 % rouge, 83,5 % vert et 100 % 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.
Le bleu clair offre une couleur polyvalente pour le design d'interface, favorisant des sentiments de calme, de confiance et de fraîcheur. Voici quelques façons efficaces de l'intégrer dans vos interfaces :
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 rafraîchissant que le bleu clair, envisagez :
Pour compléter les tons tranquilles du bleu clair, envisagez de l'associer avec :
D'autres couleurs à considérer incluent le bleu marine pour une ambiance classique et nautique, la lavande pour une palette douce et fantaisiste, et le blanc pour un look net et épuré qui amplifie la sensation aérienne du bleu clair.
Bien que le bleu clair soit polyvalent, il peut jurer avec :
Le bleu clair, évoquant le ciel serein et la mer tranquille, incarne la tranquillité, la paix et le calme. Sa présence apaisante instille universellement un sentiment de sérénité et de clarté mentale. Culturellement, le bleu clair symbolise la fraîcheur et l'innovation.
Psychologiquement, le bleu clair représente la fiabilité et la confiance, favorisant la relaxation et la pensée claire—presque comme une bouffée d'air frais visuelle. Son influence apaisante s'avère particulièrement précieuse dans les environnements qui réduisent le stress et améliorent la concentration.
Dans le design d'interface, les qualités apaisantes et fiables du bleu clair en font un choix populaire pour créer des interfaces utilisateur ouvertes et rassurantes. Ses liens avec l'innovation et la fraîcheur dynamisent les éléments de design, en faisant une couleur de prédilection pour les marques qui visent à transmettre créativité et avant-gardisme.
Bien que le bleu soit lié aux cieux et à la royauté depuis des millénaires, le concept d'une teinte distincte de "bleu clair" est un développement plus récent.
L'ère Rococo du XVIIIe siècle a vu une montée en popularité pour les esthétiques légères et aérées, solidifiant l'appréciation des tons bleu clair. Cependant, ce n'est qu'en 1915 que le terme "bleu clair" a été documenté pour la première fois en anglais.
Avant les années 1940, le bleu était parfois associé à la féminité, tandis que le rose penchait vers la masculinité. Cette tendance s'est finalement inversée, le bleu clair devenant un choix courant pour les vêtements et la décoration des bébés garçons.
Aujourd'hui, le bleu clair transcende ses premières associations spécifiques au genre. Il est adopté dans les drapeaux nationaux, le branding d'entreprise et diverses applications de design.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Bleu calme
Lever de soleil côtier
Queue de sirène
Contraste 1,6
#90D5FF
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 13,15
#90D5FF
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #90d5ff, connue sous le nom de bleu clair, a des valeurs RVB de R:144, G:213, B:255 et des valeurs CMJN de C:44, M:16, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #90d5ff | #90d5ff |
| RGB DECIMAL | 144, 213, 255 | RGB(144,213,255) |
| RGB PERCENTAGE | 56.5, 83.5, 100.0 | RGB(56.5%,83.5%,100.0%) |
| CMYK | 44, 16, 0, 0 | |
| HSL | HSL(202.7, 100.0%, 78.2%) | HSL(202.7, 100.0%, 78.2%) |
| HSV (OR HSB) | 202.7°, 43.5, 100.0 | |
| WEB SAFE | #153204255 | #153204255 |
| BINARY | 10010000, 11010101, 11111111 | |
| iOS - SwiftUI | Color(red: 0.565, green: 0.835, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.565, green: 0.835, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF90D5FF) |

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

En savoir plus sur le bleu-vert.

En savoir plus sur la couleur bleue.